图标属性
重要提示
因跨平台需求及性能考虑,uni-app-x[app] 和 uni-app[app-nvue] 采用 uts 插件实现以优化性能,这两端需要配置 uts 插件运行配置后 自定义基座 使用。其余端不受此约束,可直接使用。
示例
温馨提醒
在 图标分类 或 图标搜索 中点击图标即可复制,然后粘贴在页面代码中使用。
vue
<ucs-icon-aiming theme="multi-color" :size="24" :fill="['#33333' ,'#2F88FF' ,'#FFFFFF' ,'#43CCF8']"/>Props
| 属性 | 类型 | 可选值 | 默认值 | 说明 |
|---|---|---|---|---|
| size | Number | - | 24 | 图标大小,单位:px |
| strokeWidth | Number | - | 4 | 线段粗细 |
| theme | String | 线性:outline 填充:filled 双色:two-tone 多色:multi-color | outline | 图标风格 |
| fill | Array | ['外部描边颜色','外部填充颜色','内部描边颜色','内部填充颜色'] | ['#333'] | 图标颜色 |
| strokeLinecap | String | round、butt、square | round | 端点类型 |
| strokeLinejoin | String | round、miter、bevel | round | 拐点类型 |