修改element组件样式万能

例:Upload组件
效果图:只改了大小在这里插入图片描述

//Upload组件
<el-upload action="#" list-type="picture-card" :auto-upload="false">
      <i slot="default" class="el-icon-plus"></i>
      <div slot="file" slot-scope="{file}">
        <img class="el-upload-list__item-thumbnail" :src="file.url" alt />
      </div>
    </el-upload>
/*更改样式*/
.page-boxx1 >>> .el-upload-list--picture-card .el-upload-list__item{
  width: 324px;
  height: 180px;
}
.page-boxx1 >>> .el-upload-list--picture-card .el-upload-list__item-thumbnail{
  width: 324px;
  height: 180px;
  float: left;
}
.page-boxx1 >>> .el-upload--picture-card{
width: 324px;
  height: 180px;
}
.page-boxx1 >>> .el-upload--picture-card i{
  margin-top: 73px;
}
发布了10 篇原创文章 · 获赞 0 · 访问量 315
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 大白 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览