微信小程序布局水平菜单

时间：2017-09-14 13:58:36 阅读：298 评论：0 收藏：0 [点我收藏+]

技术分享

</view>

<text>{{item.title}}</text>

</view>

//-----------------------------------------------------

/* 菜单列表部分 ***********/

.wear-menu{

display: flex;

}

.menu-box{

width: 33.33%;

}

.menu-img{

width: 150rpx;

height: 150rpx;

border-radius: 50%;

overflow: hidden;

margin: 0 auto;

}

.menu-img image{

width: 100%;

height: 100%;

}

.menu-title{

text-align: center;

}

//---------------------------------------------------------------

// 菜单列表部分

menuList:[

{ id: 1, img:"../../imgs/index/wear_1.png",title:"今日专场"},

{ id: 1, img: "../../imgs/index/wear_1.png", title: "补货专区" },

{ id: 1,img: "../../imgs/index/wear_1.png", title: "特供专区" }

原文地址：http://www.cnblogs.com/dianzan/p/7520194.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

周排行

微信 小程序布局 水平菜单