# 形状组件一览
测试文字
复制代码
# 快速上手
// 无限符号
<shape-infinity shapeColor="#000000" :shapeSize="1" />
// 五角星符号
<shape-star-five shapeColor="#000000" :shapeSize="1" />
// 三角形符号
<shape-triangle type="up" shapeColor="#000000" :shapeSize="1" />
// 爱心符号
<shape-heart shapeColor="#000000" :shapeSize="1" />
// 太空入侵者
<shape-space-invader shapeColor="#000000" :shapeSize="1" />
// 鸡蛋符号
<shape-egg shapeColor="#000000" :shapeSize="1" />
// 吃豆人
<shape-pac-man shapeColor="#000000" :shapeSize="1" />
// 钻石符号
<shape-diamond shapeColor="#000000" :shapeSize="1" />
// 阴阳符号
<shape-yinyang shapeColorYin="#000000" shapeColorYang="#ffffff" :shapeSize="1" />
// 十字架符号
<shape-cross shapeColor="#000000" :shapeSize="1" />
// 月亮符号
<shape-moon shapeColor="#000000" :shapeSize="1" />
// 六角星符号
<shape-star-six shapeColor="#000000" :shapeSize="1" />
// 聊天框
<shape-talk-bubble talkText="测试文字" textColor="#ffffff" shapeColor="#000000" :shapeSize="1" />
# 通用公共属性说明
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
shapeColor | 符号的颜色,十六进制颜色代码 | String | - | #000000 |
shapeSize | 符号的大小,支持数字,包括小数 | Number | - | 1 |
# 三角形符号特殊属性说明
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
type | 三角形指向 | String | down/up/left/right | down |
# 阴阳符号特殊属性说明
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
shapeColor | 阴阳符号阴的颜色,十六进制颜色代码 | String | - | #000000 |
shapeColorYin | 阴阳符号阳的颜色,十六进制颜色代码 | String | - | #ffffff |
# 聊天框特殊属性说明
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
talkText | 聊天框文字 | String | - | - |
textColor | 聊天框文字颜色 | String | - | #ffffff |
# 版本说明
0.2.15 版本以上支持全部形状组件,其他版本支持情况请自行查看版本历史
# 感谢使用
我是 fx67ll.com (opens new window),如果您发现本组件有什么错误,欢迎提交issure
,感谢您的阅读!
如果您喜欢这个组件,欢迎访问 本组件github仓库地址 (opens new window),为我点一颗Star,Thanks~ 😃
转发请注明参考地址,非常感谢!!!
无限符号 →