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

news/2024/11/20 21:41:23/

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.ppmy.cn/news/1044146.html

相关文章

如何大幅提高遥感影像分辨率(Python+MATLAB)

前言: 算法:NSCT算法(非下采样变换) 数据:Landsat8 OLI 遥感图像数据 编程平台:MATLAB+Python 论文参考:毛克.一种快速的全色和多光谱图像融合算法[J].测绘科学,2016,41(01):151-153+98.DOI:10.16251/j.cnki.1009-2307.2016.01.028. 左图:未进行融合的多光谱真彩色合…

RestTemplate进行post请求调用需要注意的坑

1. 背景 项目上需要写一个大屏批量、定时调用接口的websocket&#xff0c;为了方便&#xff0c;决定使用spring自带的RestTemplate来完成http请求。get请求时&#xff0c;没那么多需要注意的地方。但在post请求时出现了问题。 2. 遇到的问题 先来看一下post请求的代码实例 Mu…

C# 应用程序强制获取焦点

Windorm和WPF等应用程序想自己获取焦点焦点那是不可能的&#xff0c;只能通过系统的API来实现 [System.Runtime.InteropServices.DllImport("user32.dll", CharSet System.Runtime.InteropServices.CharSet.Auto, ExactSpelling true)] public static extern IntP…

数组详解

1. 一维数组的创建和初始化 1.1 数组的创建 数组是一组相同类型元素的集合。 数组的创建方式&#xff1a; type_t arr_name [const_n]; //type_t 是指数组的元素类型 //const_n 是一个常量表达式&#xff0c;用来指定数组的大小 数组创建的实例&#xff1a; //代码1 int a…

AVL树的讲解

算法拾遗三十八AVL树 AVL树AVL树平衡性AVL树加入节点AVL删除节点AVL树代码 AVL树 AVL树具有最严苛的平衡性&#xff0c;&#xff08;增、删、改、查&#xff09;时间复杂度为O&#xff08;logN&#xff09;&#xff0c;AVL树任何一个节点&#xff0c;左树的高度和右树的高度差…

最长重复子数组(力扣)动态规划 JAVA

给两个整数数组 nums1 和 nums2 &#xff0c;返回 两个数组中 公共的 、长度最长的子数组的长度 。 示例 1&#xff1a; 输入&#xff1a;nums1 [1,2,3,2,1], nums2 [3,2,1,4,7] 输出&#xff1a;3 解释&#xff1a;长度最长的公共子数组是 [3,2,1] 。 示例 2&#xff1a; 输…

【网络安全必看】如何提升自身 WEB 渗透能力?

前言 web 渗透这个东西学起来如果没有头绪和路线的话&#xff0c;是非常烧脑的。 理清 web 渗透学习思路&#xff0c;把自己的学习方案和需要学习的点全部整理&#xff0c;你会发现突然渗透思路就有点眉目了。 程序员之间流行一个词&#xff0c;叫 35 岁危机&#xff0c;&am…

算法竞赛入门【码蹄集新手村600题】(MT1180-1200)C语言

算法竞赛入门【码蹄集新手村600题】(MT1180-1200&#xff09;C语言 目录MT1181 圆包含MT1182 圆相交MT1183 矩形包含MT1184 矩形相交MT1185 while循环MT1186 do-while循环MT1187 累加和MT1188 平均值MT1189 正数负数的和MT1190 分数乘法MT1191 减半MT1192 翻倍MT1193 偶数的平方…