From 0e461a232cce6e52fbfd071788bdd7294d51e397 Mon Sep 17 00:00:00 2001
From: shuishen <1109946754@qq.com>
Date: Tue, 21 Dec 2021 16:43:00 +0800
Subject: [PATCH] Merge branch 'master' of http://192.168.0.105:10010/r/school-web
---
src/styles/mobile/popup.scss | 107 +++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 106 insertions(+), 1 deletions(-)
diff --git a/src/styles/mobile/popup.scss b/src/styles/mobile/popup.scss
index 195c75b..cae4d19 100644
--- a/src/styles/mobile/popup.scss
+++ b/src/styles/mobile/popup.scss
@@ -1,3 +1,8 @@
+.centersFlex {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
#mobile-map_popup_content {
//弹窗
width: 100%;
@@ -25,12 +30,13 @@
}
.mobiletitle {
width: calc(90% - 1px);
- height: 15px;
+ height: 35px;
background-color: #f7f7f7;
border-bottom: 1px solid #ebebeb;
font-size: 14px;
border-radius: 10px 10px 0 0;
padding: 8px 14px;
+ box-sizing: border-box;
}
.mobilelabel-content {
width: 100%;
@@ -45,6 +51,26 @@
img {
width: 70px;
height: 50px;
+ }
+ //内容显示
+ .mobileBig-center-our {
+ width: 100%;
+ height: auto;
+ .mobileBig-center {
+ width: 100%;
+ min-height: 30px;
+ border-bottom: 1px solid #f7f7f7;
+ @extend .centersFlex;
+ .m-c-title {
+ width: 25%;
+ }
+ .m-c-center {
+ width: 75%;
+ text-indent: 2em;
+ word-wrap: break-word;
+ line-height: 25px;
+ }
+ }
}
}
.mobile-popup-control {
@@ -157,3 +183,82 @@
/*滚动条的背景颜色*/
}
}
+//地图固定弹窗
+#mobile-map_content_content-fixed {
+ position: fixed;
+ width: 90%;
+ height: auto;
+ z-index: 999;
+ bottom: 2%;
+ left: 5%;
+ background-color: #fff;
+ border-radius: 10px;
+ //关闭按钮
+ .mobiletitle-close-fixed {
+ width: 30px;
+ height: 30px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ position: absolute;
+ right: 10px;
+ top: 2px;
+ .icon {
+ font-size: 20px;
+ }
+ }
+ //标题样式
+ .mobiletitle-fixed {
+ width: 100%;
+ height: 35px;
+ border-radius: 10px 10px 0 0;
+ background-color: #f7f7f7;
+ padding-left: 10px;
+ display: flex;
+ align-items: center;
+ box-sizing: border-box;
+ }
+ // 内容样式
+ .mobile-popup-imgs-heard-fixed {
+ width: 100%;
+ height: auto;
+ padding: 10px;
+ text-align: justify;
+ letter-spacing: 1px;
+ box-sizing: border-box;
+ img {
+ width: 70px;
+ height: 50px;
+ }
+ //内容显示
+ .mobileBig-center-fiexd {
+ width: 100%;
+ height: 30px;
+ @extend .centersFlex;
+ .m-c-f-title {
+ width: 20%;
+ @extend .centersFlex;
+ }
+ .m-c-f-center {
+ @extend .centersFlex;
+ justify-content: space-between;
+ width: 80%;
+ }
+ }
+ }
+ .mobile-popup-control-fixed {
+ width: 100%;
+ height: 35px;
+ border-radius: 0 0 10px 10px;
+ background-color: #f7f7f7;
+ display: flex;
+ align-items: center;
+ justify-content: space-around;
+ .m-p-c-f-once {
+ .mobilePopupOurOnce_r_d_in-gan {
+ position: relative;
+ left: 40%;
+ }
+ }
+ }
+}
--
Gitblit v1.9.3