微信小程序 IView List与Icon结合使用
程序员文章站
2022-03-20 22:20:22
wxml
wxml
<i-cell-group>
<i-cell title="测试" is-link>
<i-icon slot="icon" type="feedback" size="28" color="#80848f" />
</i-cell>
<i-cell title="测试" is-link url="../../pages/dashboard/index">
<i-icon slot="icon" type="activity" size="28" color="#80848f" />
</i-cell>
<i-cell title="测试" is-link url="../../pages/dashboard/index">
<i-icon slot="icon" type="collection" size="28" color="#80848f" />
</i-cell>
<i-cell title="测试" is-link url="../../pages/dashboard/index">
<i-icon slot="icon" type="coordinates" size="28" color="#80848f" />
</i-cell>
</i-cell-group>
页面效果
在<i-cell>里面嵌套<i-icon> 要注意slot属性,关于list与icon的详细用法
https://weapp.iviewui.com/docs/guide/start
上一篇: 简单讲解Lua中的垃圾回收机制