2000字范文,分享全网优秀范文,学习好帮手!
2000字范文 > vue调整图标的大小_Ant Design Vue Cascader 省市区联动样式大小和自定义图标

vue调整图标的大小_Ant Design Vue Cascader 省市区联动样式大小和自定义图标

时间:2020-12-01 18:07:09

相关推荐

vue调整图标的大小_Ant Design Vue Cascader 省市区联动样式大小和自定义图标

Ant Design Vue Cascader 省市区联动样式大小和自定义图标

Ant Design Vue Cascader 省市区联动样式大小和自定义图标,其实Ant Design所有组件自定义大小都是一样的,而自定义图标都差不多。

Cascader组件大小设置

新通过size属性设置,默认有large default small 大、中、小3中规格。//大

//中 默认

//小

自定义选择框后缀图标

有三种方式自定义图标:

一,种是直接把字符串作为后缀,当然是支持unicode图标的,比如♫

二,通过插槽把Ant Design图标插入

三,最后就是vnode对象//第一种unicode图标,

如果你是通过传统的浏览器引入js的方式代码如下

//第三种通过插槽插入,如果

完整代码

Ant Design Vue Cascader 自定义图标例子

body {

padding-top: 10px

}

.ant-pagination-item-link.red {

color: red;

padding-left: 6px;

padding-right: 6px;

}

//本地化

const { LocaleProvider, locales } = window.antd;

//vue-dash-event插件

Vue.use(window[vue-dash-event]);

var app = new Vue({

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。