地图互动升级:使用CSS自定义弹出气泡窗

时间:2024-12-13 17:50:54
.pop { width: 160px; height: 60px; /*border: 1px solid rgba(55, 166, 167, 0.53);*/ border-radius: 5px; /*box-shadow: 1px 1px 1px rgba(55, 166, 167, 0.73);*/ position: absolute; background-color: rgba(55, 166, 167, 0.73); } .triangle-bottom { width: 0; height: 0; border-top: 15px solid rgba(55, 166, 167, 0.73); border-left: 15px dashed transparent; border-right: 15px dashed transparent; position: absolute; left: 65px; top: 60px; } .lock-itemitem { width: 100%; text-align: center; margin-top: 5px; } .item > span { display: inline-block; width: 33.33%; font-weight: bold; font-size: 14px; } .item > span:first-child { color: #2a2a2a; } .item > span:nth-child(2) { color: #fff; } .item > span:nth-child(3) { color: #bc3b3a; }