From 21a527d0bc3a540288d24775fb69d22c3cd54f54 Mon Sep 17 00:00:00 2001 From: cpf <1105965053@qq.com> Date: Tue, 16 Nov 2021 17:24:48 +0800 Subject: [PATCH] =?UTF-8?q?=E5=A4=84=E7=BD=AE=E9=A2=84=E6=A1=88UI=E5=AE=8C?= =?UTF-8?q?=E5=96=84?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/app/pages/plan/plan.component.html | 21 ++++++++++++-- src/app/pages/plan/plan.component.scss | 37 ++++++++++++++++++++++++- src/app/pages/plan/publicPop.scss | 15 +++++++++- src/assets/images/uploadImg.png | Bin 0 -> 2707 bytes src/assets/images/uploadVideo.png | Bin 0 -> 2165 bytes 5 files changed, 68 insertions(+), 5 deletions(-) create mode 100644 src/assets/images/uploadImg.png create mode 100644 src/assets/images/uploadVideo.png diff --git a/src/app/pages/plan/plan.component.html b/src/app/pages/plan/plan.component.html index ce7e17f..fb92d56 100644 --- a/src/app/pages/plan/plan.component.html +++ b/src/app/pages/plan/plan.component.html @@ -16,7 +16,7 @@ -
+
{{allFence[selectFence]}}
@@ -28,7 +28,7 @@
-
+

@@ -48,7 +48,7 @@ -
+
@@ -90,6 +90,21 @@
+ +
+
+
+

灾情描述

+ +
+
+
+
+
+
+
+ +
diff --git a/src/app/pages/plan/plan.component.scss b/src/app/pages/plan/plan.component.scss index 5978a4f..ea39903 100644 --- a/src/app/pages/plan/plan.component.scss +++ b/src/app/pages/plan/plan.component.scss @@ -223,7 +223,7 @@ height: 38px; position: absolute; right: 1px; - top: 3%; + top: 1%; display: flex; >div { height: 38px; border-radius: 5px; } button { @@ -258,4 +258,39 @@ margin-right: 10px; } .selectRightTopFast { border: 1px solid #fff; } //选种样式 +} + +//左右侧栏 上移 +.publicMoveUp{ + height: 70%; + top: 10%; + bottom: auto; +} +//底部处置预案 +.bottomPlan{ + width: 95%; + position: absolute; + left: 0; + right: 0; + bottom: 1%; + margin: auto;/*这行代码是关键*/ + color: #fff; + .pulicPlanDiv{ width: 100%; padding: 0 15px; overflow: hidden; background: linear-gradient(360deg, #000D21 0%, rgba(0, 59, 110, 0.8) 100%); } + .bottomPlanHeader{ + height: 80px; + display: flex; + align-items: center; + box-shadow: 0px 0px 6px #2399FF; + .planHeaderText{ + flex: 1; + font-size: 14px; + p{ margin: 0; height: 20px; line-height: 18px; } + textarea{ width: 100%; height: 50px; background: rgba(145, 204, 255, 0.41); border: 1px solid #91CCFF; padding: 0; resize:none; outline: none; } + } + .planHeaderImg{ width: 100px; height: 100%; text-align: center; } + .planHeaderVideo{ width: 120px; height: 100%; text-align: center; } + } + .bottomPlanCenter{ + height: 35px; + } } \ No newline at end of file diff --git a/src/app/pages/plan/publicPop.scss b/src/app/pages/plan/publicPop.scss index 4ca89fc..f658838 100644 --- a/src/app/pages/plan/publicPop.scss +++ b/src/app/pages/plan/publicPop.scss @@ -14,9 +14,22 @@ overflow: hidden; display: inline-block; } -.uploadBackGround input { +.bottomPlanUpload{ + margin-top: 5px; + width: 70px; + height: 70px; + line-height: 65px; + position: relative; + cursor: pointer; + background: rgba(145, 204, 255, 0.41); + border: 1px dashed #91CCFF; + overflow: hidden; + display: inline-block; +} +.uploadBackGround input,.bottomPlanUpload input { position: absolute; width: 100%; + height: 100%; right: 0; top: 0; opacity: 0; diff --git a/src/assets/images/uploadImg.png b/src/assets/images/uploadImg.png new file mode 100644 index 0000000000000000000000000000000000000000..974cb7edf6c30ec19e832437bcc8200ace97f2b2 GIT binary patch literal 2707 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