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

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