icon

图标。

平台差异说明

Tips

• 由于 icon 组件各端表现存在差异，可以通过使用 字体图标 的方式来弥补各端差异。

  属性说明

  | 属性名 | 类型 | 默认值 | 说明 | | —- | —- | —- | —- | | type | String | | icon的类型 | | size | Number | 23 | icon的大小，单位px | | color | Color | | icon的颜色，同css的color |

各平台 type 有效值说明：

**

示例

<view class="item" v-for="(value,index) in iconType" :key="index">
    <icon :type="value" size="26"/>
    <text>{{value}}</text>
</view>

export default {
    data() {
        return {
            iconType: ['success']
        }
    },
    onLoad() {
        // #ifdef APP-PLUS|| MP-WEIXIN
        this.iconType = ['success', 'success_no_circle', 'info', 'warn', 'waiting', 'cancel', 'download', 'search','clear']
        // #endif
        // #ifdef MP-ALIPAY
        this.iconType = ['info', 'warn', 'waiting', 'cancel', 'download', 'search', 'clear', 'success', 'success_no_circle', 'loading']
        // #endif
        // #ifdef MP-BAIDU
        this.iconType = ['success', 'info', 'warn', 'waiting', 'success_no_circle', 'clear', 'search', 'personal', 'setting', 'top', 'close', 'cancel', 'download', 'checkboxSelected', 'radioSelected', 'radioUnselect']
        // #endif
    }
}

效果展示