Icon 图标

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

使用指南

在 page.json 中引入组件

  1. {
  2.     "navigationBarTitleText": "Icon",
  3.     "usingComponents": {
  4.         "wux-icon": "../../dist/icon/index"
  5.     }
  6. }

示例

  1. <view class="page">
  2.     <view class="page__hd">
  3.         <view class="page__title">Icon</view>
  4.         <view class="page__desc">图标</view>
  5.     </view>
  6.     <view class="page__bd">
  7.         <wux-icon type="ios-add" />
  8.         <wux-icon type="md-add" />
  9.         <wux-icon size="32" />
  10.         <wux-icon size="64" />
  11.         <wux-icon color="#33cd5f" />
  12.         <wux-icon color="#387ef5" />
  13.     </view>
  14. </view>

视频演示

Icon

API

Icon props

参数 类型 描述 默认值
type string 图标名称，可选值参考 ionicons 4.3.0 版本 -
size number 图标大小 32
color string 图标颜色 -
hidden boolean 是否隐藏组件 false

Icon externalClasses

名称 描述
wux-class 根节点样式类