12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061 |
- /* 弹窗样式 */
- #popup {
- position: absolute;
- width: fit-content;
- border-radius: 5px;
- color: #1c4a6f;
- font-size: 16px;
- box-shadow: 0px 0px 0px 0px #888888;
- }
- /* 弹窗下方的小三角形 */
- #popup::after {
- display: block;
- content: "";
- width: 0;
- height: 0;
- position: absolute;
- border: 12px solid transparent;
- border-top-color: #fff;
- bottom: -23px;
- left: 50%;
- transform: translateX(-50%);
- }
- #popup-content {
- width: fit-content;
- padding: 8px 16px;
- }
- .close_func {
- display: block;
- }
- /* 关闭弹窗按钮 */
- .ol-popup-closer {
- cursor: pointer;
- margin-top: 6px;
- margin-right: 10px;
- float: right;
- }
- #popup-content div {
- /* height: 30px; */
- height: fit-content;
- width: 360px;
- line-height: 30px;
- font-size: 16px;
- overflow: hidden;
- }
- #popup-content .moreInfo {
- float: right;
- }
- #popup-content .moreInfo a {
- color: #409EFF;
- }
- #popup-content .moreInfo a:hover {
- text-decoration: underline
- }
|