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