Skip to content

图标属性

重要提示

因跨平台需求及性能考虑,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

属性类型可选值默认值说明
sizeNumber-24图标大小,单位:px
strokeWidthNumber-4线段粗细
themeString线性:outline
填充:filled
双色:two-tone
多色:multi-color
outline图标风格
fillArray['外部描边颜色','外部填充颜色','内部描边颜色','内部填充颜色']['#333']图标颜色
strokeLinecapStringround、butt、squareround端点类型
strokeLinejoinStringround、miter、bevelround拐点类型