<view class="fdbj">
<view wx:for="{{mess}}" wx:for-item="item" class="beij">
<view bindtap="route" data-path="{{item.path}}" class="kuandu">
<image src="{{item.img}}"></image>
<view class="mxb">{{item.mxbd}}</view>
</view>
</view>
</view>
<view class="fdbj">
<view wx:for="{{mes}}" wx:for-item="item" class="beij">
<view bindtap="route" data-path="{{item.path}}" class="kuandu">
<image src="{{item.img}}"></image>
<view class="mxb">{{item.mxbd}}</view>
</view>
</view>
</view>

js
data：{
mess:[{
img:'http://i2.tiimg.com/710528/fd976d20e6433530.png',
mxbd:'慢性病',
path:'/pages/login2/login2'
},{
img: 'http://i1.fuimg.com/710528/6b858fa42092a17d.png',
mxbd: '皮肤用药',
path: '/pages/login2/login2'
},{
img: 'http://i1.fuimg.com/710528/2bc98cc79b1c50bf.png',
mxbd: '感冒咳嗽',
path: '/pages/login2/login2'
}, {
img: 'http://i1.fuimg.com/710528/20dcc49e5d11949c.png',
mxbd: '口罩',
path: '/pages/login2/login2'
}, {
img: 'http://i1.fuimg.com/710528/ea5fb35075c50a9f.png',
mxbd: '肠胃不适',
path: '/pages/login2/login2'
}],
mes: [{
img: 'http://i1.fuimg.com/710528/c2ad200e5de5a102.png',
mxbd: '滋补调养',
path: '/pages/login2/login2'
}, {
img: 'http://i1.fuimg.com/710528/03a7852a72bf3861.png',
mxbd: '男性用药',
path: '/pages/login2/login2'
}, {
img: 'http://i1.fuimg.com/710528/b0e3a2b2175ac813.png',
mxbd: '女性用药',
path: '/pages/login2/login2'
}, {
img: 'http://i1.fuimg.com/710528/de52d2b6e4a0ae35.png',
mxbd: '眼睛不适',
path: '/pages/login2/login2'
}, {
img: 'http://i1.fuimg.com/710528/fc25e4c88244602a.png',
mxbd: '失眠',
path: '/pages/login2/login2'
}],
}

css
.fdbj{
display: flex;
}
.mxb{
font-size: 12px;
color: #ccc;
}
.kuandu image{
width: 26px;
height: 26px;
margin: 0 auto;
}
.kuandu{
width: 49px;
text-align: center;
}
.beij{
margin: 0 auto;
margin-top: 18px;
}