修改弹窗样式,向全局抛出css样式文件

修改弹窗的样式(弹窗一般都是直接在body中增加一个dom)

所以针对这些后来添加上去的dom,样式需要添加到全局的css才会生效,但是在多人协作的项目中,是不能随意去改公共模块的东西,因为那可能是另外一个人维护的,自己只能在自己的子项里写代码

 <el-popover
          trigger="click"
          width="242"
          placement="bottom"
         popper-class="default-map-warning-content"
 ></el-popover>

在这里插入图片描述
解决方式(在自己的.vue文件中再写一个style标签):

<style scoped lang="less">
.....................
....................
</style>
<style lang="less">
  .default-map-warning-content{
    
    
    padding: 6px !important;
    left: 1570px !important;
    color: #000 !important;
    opacity: 0.7 !important;
    .popper__arrow{
    
    
      left: 23px !important;
    }
  }
</style>

猜你喜欢

转载自blog.csdn.net/weixin_43131046/article/details/123252730
今日推荐