当前位置: 首页 > news >正文

el-popover弹窗修改三角样式或者位置

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 {
//修改距离左边3pxleft: 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>

http://www.lryc.cn/news/132445.html

相关文章:

  • Linux驱动开发之点亮三盏小灯
  • 【SA8295P 源码分析】71 - QAM8295P 原理图参考设计 之 MIPI DSI 接口硬件原理分析
  • macOS(m1/m2)破解Sublime Text和Navicat16
  • 【排排站:探索数据结构中的队列奇象】
  • Mac OS 中JDK 环境(jdk 1.8.0_831)安装配置、环境变量配置及卸载操作
  • [JAVAee]Tomcat - Servlet
  • MAC钓鱼并Root权限上线CS并权限维持,以及所有的坑如何解决
  • 浅谈OCR中的David Shepard
  • draw.io导出矢量图到word报错text is not svg - cannot display
  • JVM加强
  • 解决Oracle中XML插入数据时的空格问题
  • 微服务中间件--分布式事务
  • 计算机网络(9) --- 数据链路层与MAC帧
  • 【学会动态规划】环绕字符串中唯一的子字符串(25)
  • CNN卷积详解(三)
  • 使用 Amazon Redshift Serverless 和 Toucan 构建数据故事应用程序
  • CentOS 上快速安装包管理工具Conda
  • opencv-手势识别
  • 【SA8295P 源码分析】10 - HQX Display(OpenWFD)qcdisplaycfg_ADP_STAR_LA.xml 配置文件解析
  • 达梦数据库权限和预定角色介绍
  • Python编程从入门到实践_8-8 用户的专辑_答案
  • HummingBird 基于 Go 开源超轻量级 IoT 物联网平台
  • 10.小程序样式
  • Flink 流式读写文件、文件夹
  • 【SA8295P 源码分析】64 - QNX 与 Android GVM 显示 Dump 图片方法汇总
  • 字符串旋转(1)
  • 【SA8295P 源码分析】13 - Android GVM 虚拟机 QUPv3 UART / SPI / I2C功能配置及透传配置
  • STM32 F103C8T6学习笔记10:OLED显示屏GIF动图取模—简易时钟—动图手表的制作~
  • 大数据课程K3——Spark的常用案例
  • 85-最大矩阵