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%;}