new bmap.label支持html,css用伪元素制作气泡框&百度地图label气泡

前几天学习了一下伪元素，今天有个页面正好用到了。

伪元素

伪元素是不存在于文档树中的元素。

伪元素本质上是创建了一个有内容的虚拟容器

一般用来制作一些图标。好处是可以简化页面的标签。

用伪元素制作一个气泡框

需求设计图：

气泡框

页面结构

文字内容

less样式

.pop{

position: absolute;

background-color: #ffffff;

font: 12px arial, sans-serif;

z-index: 80;

left: 10px;

top: 50px;

border-radius: 7px;

box-shadow: 0px 5px 14px 1px #f1dddd; //边框阴影：左右偏移 上下偏移 模糊范围 阴影宽度 阴影颜色

.popContent{

margin: .2rem;

word-break: keep-all;

&::before { //before伪元素，&是less语法，代表嵌套结构中的父级元素

content: '';

border: solid transpa