Icon 图标

介绍

内置图标或自定义图片

使用指南

使用内置图标

  <tms-icon name="star"/>

自定义大小

  <tms-icon name="upload" size="80rpx"/>

填充颜色

  <tms-icon name="upload" fill="red"/>

API

属性	说明	类型	默认值	版本
name	指定内置图标名称,如果不存在则使用src属性。	string
src	外部图片链接	string
size	自定义图标尺寸，支持单位，默认rpx。	string	44rpx
fill-mode	开启填充模式，可以自定义填充颜色	boolean	false
fill-color	填充颜色，填充模式下生效	string	#000

EVENTS

属性	说明	类型
bind:on-click	点击图标时的回调	(event) => {}

css变量

// 图标默认宽度
--icon-width: 44rpx;
// 图标默认高度
--icon-height: 44rpx;
// 填充模式下的颜色
--icon-fill-color: #000;

FAQ