图标属性
重要提示
因跨平台需求及性能考虑,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 | 拐点类型 |