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

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

a-icon使用

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


示例:


官网复制标签:


<smile-outlined />

实际使用标签:


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

image.png



品牌图标

image.png


简易标签

image.png


通用图标


image.pngimage.png

image.png

<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>

         

image.png

分隔符

对不同章节的文本段落进行分割。

对行内文字/链接进行分割,例如表格的操作列。

<div>
  <a-divider style="height: 2px; background-color: skyblue" />
  <a-divider type="vertical" style="height: 60px; background-color: lightblue" />
</div>
相关文章
|
4月前
|
JavaScript 前端开发 Go
CSS 与 JS 对 DOM 解析和渲染的影响
【10月更文挑战第16天】CSS 和 JS 会在一定程度上影响 DOM 解析和渲染,了解它们之间的相互作用以及采取适当的优化措施是非常重要的。通过合理的布局和加载策略,可以提高网页的性能和用户体验,确保页面能够快速、流畅地呈现给用户。在实际开发中,要根据具体情况进行权衡和调整,以达到最佳的效果。
|
1月前
html+js+css实现的建筑方块立体数字时钟源码
html+js+css实现的建筑方块立体数字时钟源码
79 33
|
2月前
一个好看的小时钟html+js+css源码
一个好看的小时钟html+js+css源码
116 24
|
2月前
|
JavaScript 前端开发
页面滚动触发css3动画js插件
delighters.js是一款页面滚动触发css3动画js插件。该js插件可以在页面向下滚动时,为进入浏览器视口的元素制作各种炫酷的CSS3动画效果。
58 13
|
2月前
纸屑飘落生日蛋糕场景js+css3动画特效
纸屑飘落生日蛋糕CSS3动画特效是一款js+css3制作的全屏纸屑飘落,生日蛋糕点亮庆祝动画特效。
59 3
|
3月前
|
前端开发 JavaScript
用HTML CSS JS打造企业级官网 —— 源码直接可用
必看!用HTML+CSS+JS打造企业级官网-源码直接可用,文章代码仅用于学习,禁止用于商业
222 1
|
3月前
|
前端开发 JavaScript 安全
HTML+CSS+JS密码灯登录表单
通过结合使用HTML、CSS和JavaScript,我们创建了一个带有密码强度指示器的登录表单。这不仅提高了用户体验,还帮助用户创建更安全的密码。希望本文的详细介绍和代码示例能帮助您在实际项目中实现类似功能,提升网站的安全性和用户友好性。
73 3
|
3月前
|
JSON 移动开发 数据格式
html5+css3+js移动端带歌词音乐播放器代码
音乐播放器特效是一款html5+css3+js制作的手机移动端音乐播放器代码,带歌词显示。包括支持单曲循环,歌词显示,歌曲搜索,音量控制,列表循环等功能。利用json获取音乐歌单和歌词,基于html5 audio属性手机音乐播放器代码。
180 6
|
3月前
|
JSON JavaScript 关系型数据库
node.js连接GBase 8a 数据库 并进行查询代码示例
node.js连接GBase 8a 数据库 并进行查询代码示例
|
3月前
JS+CSS3文章内容背景黑白切换源码
JS+CSS3文章内容背景黑白切换源码是一款基于JS+CSS3制作的简单网页文章文字内容背景颜色黑白切换效果。
34 0

热门文章

最新文章