Icon 图标

Wux Weapp 的图标使用开源项目 ionicons 4.3.0 版本。

使用指南

在 page.json 中引入组件

{
    "navigationBarTitleText": "Icon",
    "usingComponents": {
        "wux-icon": "../../dist/icon/index"
    }
}

示例

<view class="page">
    <view class="page__hd">
        <view class="page__title">Icon</view>
        <view class="page__desc">图标</view>
    </view>
    <view class="page__bd">
        <wux-icon type="ios-add" />
        <wux-icon type="md-add" />
        <wux-icon size="32" />
        <wux-icon size="64" />
        <wux-icon color="#33cd5f" />
        <wux-icon color="#387ef5" />
    </view>
</view>

视频演示

Icon

API

Icon props

Icon externalClasses