微信小程序图标icon 纯代码分享

最新推荐文章于 2025-04-11 19:54:39 发布

原创最新推荐文章于 2025-04-11 19:54:39 发布

· 404 阅读

0 ·

版权

文章标签：

#微信小程序 #notepad++ #小程序


图标
<view class="group">
  <block wx:for="{{iconSize}}">
    <icon type="success" size="{{item}}" />
  </block>
</view>
<view class="group">
  <block wx:for="{{iconType}}">
    <icon type="{{item}}" size="40"  />
  </block>
</view>
<view class="group">
  <block wx:for="{{iconColor}}">
    <icon type="success"  size="40" color="{{item}}" />
  </block>
</view>

// pages/test/test.js
Page({
  data: {
    iconSize: [20,30,40,50,60,70],
    iconColor: ['red', "orange", 'yellow', "green", "rgb(0,255,255)", "blue"],
    iconType: ['success', "success_no_circle", "info", "warn"],