vue-ant design示例大全——icon与分隔符本地css/js资源

红目香薰

发布于 2022-11-30 19:26:35

1.9K0

文章被收录于专栏：CSDNToQQCodeCSDNToQQCode

vue-ant design示例大全——a-icon与分隔符本地css/js资源

a-icon使用

官网中icon的列表，这个咱们使用a-icon标签，需要复制提供的示例前缀进行使用即可。

示例：

官网复制标签:

<smile-outlined />

实际使用标签:

<a-icon type="smile"></a-icon>

效果:

官网提示：

品牌图标

简易标签

通用图标

参数	说明	类型	默认值
rotate	图标旋转角度（IE9 无效）	number	-
spin	是否有旋转动画	boolean	false
style	设置图标的样式，例如 fontSize 和 color	CSSProperties	-
twoToneColor	仅适用双色图标。设置双色图标的主要颜色	string (十六进制颜色)	-

<a-icon type="message"></a-icon>                     
<a-icon type="edit"></a-icon>                        
<a-icon type="block"></a-icon>                       
<a-icon type="key"></a-icon>                         
<a-icon type="wifi"></a-icon>                        
<a-icon type="wechat"></a-icon>                      
<a-icon type="qq" style="font-size: 3rem;"></a-icon> 
<a-icon type="taobao"></a-icon>                      
<a-icon type="zhihu"></a-icon>                       
<a-icon type="ie"></a-icon>                          
<a-icon type="book"></a-icon>

分隔符

对不同章节的文本段落进行分割。
对行内文字/链接进行分割，例如表格的操作列。

<div>
	<a-divider style="height: 2px; background-color: skyblue" />
	<a-divider type="vertical" style="height: 60px; background-color: lightblue" />
</div>

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2022-09-26，如有侵权请联系 cloudcommunity@tencent.com 删除

css