关于el-transfer样式错乱的问题

刚将el-transfer放置组建中的时候是这样的:

关于el-transfer样式错乱的问题_第1张图片

 但是文档中是这样的:

关于el-transfer样式错乱的问题_第2张图片

在各方面代码都核对了一遍,并没有出错。 无奈只能检查元素一个个看样式了。然后我就发现了这两个:

1.文本没有左对齐的问题定位:

关于el-transfer样式错乱的问题_第3张图片关于el-transfer样式错乱的问题_第4张图片

 哦 原来是项目初始化的时候 App.vue的样式没有完全清除导致

关于el-transfer样式错乱的问题_第5张图片

2. 左右穿梭控制按钮不对齐:

关于el-transfer样式错乱的问题_第6张图片

 关于el-transfer样式错乱的问题_第7张图片

 收到reset.css的影响导致。

最后只需要在el-transfer组件下添加两个样式即可(stylus):

 

 

 

 

 

 

你可能感兴趣的:(Vue.js,element-ui,elementui,vue.js,html)