日本免费高清视频-国产福利视频导航-黄色在线播放国产-天天操天天操天天操天天操|www.shdianci.com

學無先后,達者為師

網站首頁 編程語言 正文

el-popover彈窗修改三角樣式或者位置

作者:大大。 更新時間: 2023-10-15 編程語言

el-popover中設置類名?popper-class="filepopver",我這位置是placement="top-start"

   <el-popover placement="top-start" popper-class="filepopver" class="filename" width="300" trigger="hover">
                <div class="popoverTxt" style="color: #59595A;">
                 統計所選日期下的門店下單數
                </div>
                <i slot="reference" class="el-icon-info greyColor"></i>
              </el-popover>

?再對指定filepopver修改其樣式,不然會全局污染

  .filepopver.el-popover[x-placement^=top] .popper__arrow {
//修改距離左邊3px
    left: 3px !important;
  }

?如果位置是placement="bottom",以下是全局修改,如果想修改單獨頁面,需同上加上類名

.el-popover[x-placement^=bottom] .popper__arrow{
        /*el-popover上邊三角下層的顏色---也就是視覺上的邊框*/
        border-bottom-color: rgba(54,229,255,1);
    }
    .el-popover[x-placement^=bottom] .popper__arrow::after{
        /*el-popover上邊三角表層的顏色---也就是視覺上的角*/
        border-bottom-color: rgba(8,40,100,1);
    }
 

還需要注意的是!沒有scoped

<style lang="scss">  </style>

原文鏈接:https://blog.csdn.net/weixin_43923808/article/details/132356220

  • 上一篇:沒有了
  • 下一篇:沒有了
欄目分類
最近更新