網站首頁 編程語言 正文
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-07-02 Python列表1~n輸出步長為3的分組實例_python
- 2022-01-29 android打包證書生成
- 2022-10-15 flask路由分模塊管理及自定義restful響應格式詳解_python
- 2022-05-03 基于docker部署skywalking實現全鏈路監控功能_docker
- 2022-04-04 css:動畫 小米官網盒子陰影 心跳動畫
- 2022-01-17 滑動列表數據按照A-Z首字母排列,右邊A-Z能動態定位到相應字母位置
- 2022-10-04 C語言零基礎徹底掌握預處理上篇_C 語言
- 2022-12-04 C++?Boost?Graph算法超詳細精講_C 語言
- 欄目分類
-
- 最近更新
-
- 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同步修改后的遠程分支