From 81773ab04fd259e893c2d7f08dbdc9be772d01c4 Mon Sep 17 00:00:00 2001
From: liuyg <376836862@qq.com>
Date: Tue, 21 Dec 2021 17:18:45 +0800
Subject: [PATCH] +,请求数据，弹框显示，优化代码长度
---
src/styles/mobile/popup.scss | 97 ++++++++++++++++++++++++++++++++++++++++++------
1 files changed, 84 insertions(+), 13 deletions(-)
diff --git a/src/styles/mobile/popup.scss b/src/styles/mobile/popup.scss
index cae4d19..f7eedc5 100644
--- a/src/styles/mobile/popup.scss
+++ b/src/styles/mobile/popup.scss
@@ -3,11 +3,12 @@
align-items: center;
justify-content: center;
}
+//随地图移动弹窗
#mobile-map_popup_content {
//弹窗
width: 100%;
position: fixed;
- z-index: 999;
+ z-index: 100;
left: -1000px;
box-sizing: border-box;
#mobilePopup {
@@ -18,18 +19,10 @@
background-color: #fff;
border-radius: 10px;
position: relative;
- &::before {
- content: "";
- width: 0px;
- height: 0px;
- border: 8px solid #ebebeb;
- position: absolute;
- bottom: -8px;
- left: calc(50% - 8px);
- transform: rotate(45deg);
- }
+
.mobiletitle {
- width: calc(90% - 1px);
+ // width: calc(90% - 1px);
+ width: 100%;
height: 35px;
background-color: #f7f7f7;
border-bottom: 1px solid #ebebeb;
@@ -43,6 +36,19 @@
height: auto;
// 内容样式
.mobile-popup-imgs-heard {
+ .mobile-popup-imgs-h-close {
+ width: 35px;
+ height: 35px;
+ background-color: #f7f7f7;
+ position: absolute;
+ @extend .centersFlex;
+ border-radius: 100px;
+ right: 0;
+ top: 0;
+ .icon {
+ font-size: 25px;
+ }
+ }
width: 100%;
padding: 10px;
text-align: justify;
@@ -66,7 +72,7 @@
}
.m-c-center {
width: 75%;
- text-indent: 2em;
+ // text-indent: 2em;
word-wrap: break-word;
line-height: 25px;
}
@@ -83,11 +89,23 @@
display: flex;
align-items: center;
justify-content: center;
+ position: relative;
+ &::before {
+ content: "";
+ width: 0px;
+ height: 0px;
+ border: 8px solid #ebebeb;
+ position: absolute;
+ bottom: -8px;
+ left: calc(50% - 8px);
+ transform: rotate(45deg);
+ }
}
}
}
}
+//地图基础样式更改
$controllerw: 35px !important;
#mobile-viewer-container {
// 继承类
@@ -262,3 +280,56 @@
}
}
}
+
+//全屏弹窗
+#mobilePopupOur {
+ position: fixed;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ background-color: #fff;
+ z-index: 300;
+ .m_p_heard {
+ width: 100%;
+ height: 50px;
+ background-color: #a40000;
+ .m_p_h_break {
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 50px;
+ height: 50px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ .icon {
+ font-size: 22px;
+ color: #fff;
+ }
+ }
+ .m_p_h_center {
+ width: 100%;
+ height: 50px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ .el-dropdown-link {
+ color: #fff;
+ }
+ }
+ }
+ .m_p_center {
+ width: 100%;
+ height: calc(100% - 50px);
+ // border: 1px solid red
+ box-sizing: border-box;
+ .m_p_c_tableIn {
+ width: 100%;
+ height: 100%;
+ box-sizing: border-box;
+ overflow-x: hidden;
+ overflow-y: auto;
+ }
+ }
+}
--
Gitblit v1.9.3