微信小程序 IView List与Icon结合使用

2022-10-17,,,,

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

《微信小程序 IView List与Icon结合使用.doc》

下载本文的Word格式文档,以方便收藏与打印。