vue-ant design示例大全——icon与分隔符本地css/js资源
vue-ant design示例大全——a-icon与分隔符本地css/js资源
目录
vue-ant design示例大全——a-icon与分隔符本地css/js资源
a-icon使用
品牌图标
简易标签
通用图标
分隔符
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>vue-ant design示例大全——icon与分隔符本地css/js资源相关推荐
- vue-ant design示例大全——按钮本地css/js资源
vue-ant design示例大全--本地css/js资源 示例资源来自官网:https://www.antdv.com/components/button-cn 在 Ant Design Vue ...
- ant design vue 树形控件_官宣！vue.ant.design 低调上线
点击右上方,关注开源中国OSC头条号,获取最新技术资讯 官宣!官宣!官宣! 是的,你没看错就是那个 https://vue.ant.design. 至此,Ant Design 已经全面覆盖了 Reac ...
- 官宣！vue.ant.design 低调上线
官宣!官宣!官宣! 是的,你没看错就是那个 https://vue.ant.design. 至此,Ant Design 已经全面覆盖了 React.Angular.Vue 三大前端框架,向着世界第一好 ...
- ant design分享记录-icon图标自定义菜单图标
ant design分享-icon图标自定义菜单图标 本过程使用 iconfont.cn上的 设置icon前缀 import { Icon } from 'ant-design-vue'; impor ...
- Ant Design Pro 菜单icon图标修改或新增
由于Ant Design Pro菜单和以前不一样了,去官网查到的Icon图标无法直接使用名称了,那怎么办呢,办法总是比问题多的,进入官网的图标组件,找到你想要用的图标,进入开发模式 图标 Icon - ...
- 2019 Electron+Vue+Ant Design Vue仿网易云音乐windows客户端实战分享
特点 拖拽播放 桌面歌词 mini模式 自定义托盘右键菜单 任务栏缩略图,歌曲操作 音频可视化 自动/手动检查更新 Nedb数据库持久化 自定义安装路径,安装界面美化 浏览器中启动客户端 Travis ...
- [Ant Design Vue]Ant Design Vue搭建项目
一.为什么要用Ant Design 1.因为它是蚂蚁金服产出的一套牛逼哄哄的产品 2. 丰富的组件化设计规范 和组件化编码规范 3.它适用于企业级的中后台搭建 二.快速创建项目 1.安装脚手架 npm ...
- Ant Design离线使用Icon图标资源
使用环境:开发环境内网 node + React + antd 第一种方法:[推荐] 第一种方法[原创]: 想在网上找到的第二种方法,试验一下可以.但是我不想 失去按需加在css的功能,所以自己 ...
- Vue + Ant Design Vue 的分页pagination
table 的分页属性pagination 如上图,是用Ant Design创建表格时的分页,下面是我在做项目结合后台给的接口写的代码: <a-table:pagination="p ...
最新文章
- Oracle表与索引的分析及索引重建
- Spring框架的事务管理之基于AspectJ的XML方式（重点掌握）
- python笔记：fancyimpute
- 生成有控制台的WIN32程序
- TeX 家族（TeX, pdfTeX, XeTeX, LuaTeX, LaTeX, pdfLaTeX, XeLaTeX …）
- ui设计 网络错误_UI设计人员常犯的10个错误
- 为什么Netty这么火？与Mina相比有什么优势？
- 文件系统(01)：基于SpringBoot框架，管理Excel和PDF文件类型
- javascript权威指南(6) - 对象
- java添加背景图片_Java怎么添加背景图片
- mysql join 与 cross join 效率_浅析Mysql Join语法以及性能优化
- Oracle数据库imp
- linux定时重启tomcat的脚本,Linux系统中的tomcat定时重启脚本
- C语言中typedef用法
- 算法之寻找完数（C语言）
- 在word文档里有一个向下的箭头，那是什么标志？
- 智能指针的标准之争：Boost vs. Loki
- 机器学习实战(基于scikit-learn和TensorFlow)学习心得(5)--stratified sampling
- Chrome插件安装的3种方法，解决拖放不能安装的情况，并提供插件下载
- 利用iptables的SNAT功能实现局域网共享上网