vue-ant design示例大全——icon与分隔符本地css/js资源
2023-09-14 09:05:03 时间
vue-ant design示例大全——a-icon与分隔符本地css/js资源
目录
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>
相关文章
- Vue笔记:安装配置node.js及使用vue-cli创建项目
- Js实现图片点击切换与轮播
- 【华为云技术分享】【一统江湖的大前端(9)】TensorFlow.js 开箱即用的深度学习工具
- JS - 查找字符串中的某个值,截取其之前。和之后的值
- JS实现的表头列头固定页面功能示例
- [Node.js] Using ES6 and beyond with Node.js
- vue.js3:用exif-js读取图片的exif信息(vue@3.2.36)
- vue.js 3.2.22:用@vueuse/core实现图片懒加载(@vueuse/core@7.0.3)
- vue.js 3.2.22:多选上传图片带缩略图可删除
- jquery瀑布流布局(masonry.js)
- [Vue-rx] Access Events from Vue.js Templates as RxJS Streams with domStreams
- node.js中的事件循环机制
- js事件处理函数中return的作用
- vue.js3: 用xmp-js读取xmp信息(vue@3.2.36 / xmp-js@0.0.5)
- Atitit 常用技能点体系树 os win linux android 前后端 gui h5 vue js jquery bootstrap cocos2d Jafavx wpf
- Atitit 项目界面h5化静态html化计划---vue.js 把ajax获取到的数据 绑定到表格控件 v2 r33.docx
- 华为OD机试 - 九宫格(Java & JS & Python)
- Sequelize.js:一个基于 promise 的 Node.js ORM
- js准确获取当前页面url网址信息
- vue.js中引入图片
- js判断手机类型demo效果示例(整理)
- JS连续运算