小程序中部导航

 

<view class='content'>

<view class='content_list' wx:for="{{navArray}}" wx:key="navArray">

<image src='{{item.image}}' ></image>

<view class='content_list_p'>{{item.name}}</view>

</view>

</view>

 

 

 

.content{

width: 100%;

height: 202rpx;

margin:0rpx auto;

background-color: #fff;

}

.content_list{

float: left;

width: 25%;

padding-top:28rpx;

text-align: center;

}

.content_list image{

width: 106rpx;

height: 106rpx;

padding-bottom:6rpx;

}

 

 

navArray:[

{ 'name': '车', 'image':'../../images/list1.png'},

{ 'name': '息', 'image': '../../images/list2.png' },

{ 'name': '区', 'image': '../../images/list3.png' },

{ 'name': '办', 'image': '../../images/list4.png' },

]