wepy 开发小程序 使用iview 实现带图标菜单

首先，引入组件

usingComponents: {
    "i-grid": "../iview/grid/index",
    "i-grid-item": "../iview/grid-item/index",
    "i-grid-icon": "../iview/grid-icon/index",
    "i-grid-label": "../iview/grid-label/index",
    "i-icon": "../iview/icon/index",
    "i-rowh": "../iview/row/index",

}

 

然后  写固定到底部的菜单栏css样式：

.shuru{
position:fixed;
width: 100%;
text-align:left;
bottom:11%;
position:absolute;
background-color:#8799a3;
}

 

修改相关组件

此处 我修改啦

i-grid： .i-grid{overflow:hidden}

i-grid-item： .i-grid-item{position:relative;float:left;padding:20px 10px;width:16.6666667%;}