網站首頁 編程語言 正文
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
- 上一篇:沒有了
- 下一篇:沒有了
相關推薦
- 2022-03-01 show-overflow-tooltip實現表格列內容過長顯示提示
- 2023-12-18 SerializationException異常產生原因及解決方案
- 2022-11-11 Navicat?Premium自定義?sql?標簽的創建方式_數據庫其它
- 2022-01-16 npm:使用npm link來調試本地的包
- 2023-12-13 SpringMVC——訪問action報404錯誤詳解
- 2023-03-13 Android?SRT字幕文件基礎操作講解_Android
- 2023-02-10 數據卷(Data?Volumes)及dockefile詳解_docker
- 2022-07-13 Android 動態獲取 Resource ID
- 欄目分類
-
- 最近更新
-
- window11 系統安裝 yarn
- 超詳細win安裝深度學習環境2025年最新版(
- Linux 中運行的top命令 怎么退出?
- MySQL 中decimal 的用法? 存儲小
- get 、set 、toString 方法的使
- @Resource和 @Autowired注解
- Java基礎操作-- 運算符,流程控制 Flo
- 1. Int 和Integer 的區別,Jav
- spring @retryable不生效的一種
- Spring Security之認證信息的處理
- Spring Security之認證過濾器
- Spring Security概述快速入門
- Spring Security之配置體系
- 【SpringBoot】SpringCache
- Spring Security之基于方法配置權
- redisson分布式鎖中waittime的設
- maven:解決release錯誤:Artif
- restTemplate使用總結
- Spring Security之安全異常處理
- MybatisPlus優雅實現加密?
- Spring ioc容器與Bean的生命周期。
- 【探索SpringCloud】服務發現-Nac
- Spring Security之基于HttpR
- Redis 底層數據結構-簡單動態字符串(SD
- arthas操作spring被代理目標對象命令
- Spring中的單例模式應用詳解
- 聊聊消息隊列,發送消息的4種方式
- bootspring第三方資源配置管理
- GIT同步修改后的遠程分支