From e3be7edc5564f1723b87ec82442a3877be894c22 Mon Sep 17 00:00:00 2001
From: liuyg <376836862@qq.com>
Date: Fri, 02 Jul 2021 19:04:32 +0800
Subject: [PATCH] +
---
xcxMapJQLG/css/body.css | 201 ++++++++++++++++++++++++++++++++++++++++++--------
1 files changed, 169 insertions(+), 32 deletions(-)
diff --git a/xcxMapJQLG/css/body.css b/xcxMapJQLG/css/body.css
index 7ec7bc9..6344536 100644
--- a/xcxMapJQLG/css/body.css
+++ b/xcxMapJQLG/css/body.css
@@ -1,49 +1,122 @@
page {
- width: 100%;
- height: 100%;
- background-color: rgb(138, 138, 138, 0.1);
+ width: 100%;
+ height: 100%;
+ background-color: rgb(138, 138, 138, 0.1);
}
body {
- padding: 0;
- margin: 0;
+ padding: 0;
+ margin: 0;
}
html,
body,
#mapVue {
- width: 100%;
- height: 100%;
+ width: 100%;
+ height: 100%;
}
#map {
- width: 100%;
- height: 100%;
- z-index: 1;
+ width: 100%;
+ height: 100%;
+ z-index: 1;
}
#mapVue {
- overflow: hidden;
- /* border: solid 1px springgreen; */
+ overflow: hidden;
+ /* border: solid 1px springgreen; */
}
.dingwei {
- position: fixed;
- width: 38px;
- height: 38px;
- bottom: 8.5rem;
- right: 0;
- z-index: 100;
- background-color: #fff;
- border-radius: 40%;
- opacity: 0.8;
- /* border: 1px solid gray; */
- display: flex;
- align-items: center;
- justify-content: center;
+ position: fixed;
+ width: 38px;
+ height: 38px;
+ bottom: 8.5rem;
+ right: 0;
+ z-index: 10;
+ background-color: #fff;
+ border-radius: 80%;
+ opacity: 0.8;
+ /* border: 1px solid gray; */
+ display: flex;
+ align-items: center;
+ justify-content: center;
}
-#Dmain{
+.shuaxin {
+ position: fixed;
+ width: 38px;
+ height: 38px;
+ bottom: 11.5rem;
+ right: 0;
+ z-index: 10;
+ background-color: #fff;
+ border-radius: 80%;
+ opacity: 0.8;
+ /* border: 1px solid gray; */
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+
+.baozu {
+ position: fixed;
+ width: 38px;
+ height: 100px;
+ top: 8.5rem;
+ right: 5px;
+ z-index: 10;
+ background-color: #fff;
+ border-radius: 5rem;
+ /* opacity: 0.8; */
+ /* border: 1px solid gray; */
+ display: flex;
+ align-items: center;
+ justify-content: space-evenly;
+ flex-direction: column;
+}
+
+.baozu .bz-once {
+ width: 38px;
+ height: 40px;
+ font-size: 14px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ flex-direction: column;
+ /* border: 1px solid gray; */
+}
+
+#Umain {
+ position: fixed;
+ width: 100%;
+ /* margin-left: 2.5%; */
+ height: 7.5rem;
+ top: 0;
+ z-index: 10;
+ /* border: #0000FF 1px solid; */
+ background-color: #fff;
+ border-radius: 0 0 1rem 1rem;
+}
+
+#Umain .Um-m {
+ width: 100%;
+ height: 33%;
+ display: flex;
+ align-items: center;
+ padding-left: 1rem;
+}
+
+#Umain .Um-m img {
+ margin-right: 0.5rem;
+}
+
+#Umain .Um-m .um-m-t {
+ font-size: 14px;
+ font-weight: 300;
+}
+
+#Dmain {
position: fixed;
width: 95%;
margin-left: 2.5%;
@@ -54,17 +127,20 @@
background-color: #fff;
border-radius: 1rem;
}
-#title{
+
+#title {
/* border: #0000FF 1px solid; */
display: flex;
align-items: center;
height: 3.5rem;
}
-.t-fz,.t-mi{
+
+.t-fz,
+.t-mi {
margin-left: 1rem;
}
-#bot{
+#bot {
/* border: #0000FF 1px solid; */
height: 4rem;
display: flex;
@@ -72,7 +148,8 @@
justify-content: center;
width: 100%;
}
-#bot button{
+
+#bot button {
width: 80%;
height: 2.8rem;
border: none;
@@ -81,6 +158,66 @@
color: #fff;
}
-#bot button:hover{
+#bot button:hover {
background-color: #1abbff;
-}
\ No newline at end of file
+}
+
+#loding {
+ width: 100%;
+ height: 100%;
+ position: fixed;
+ top: 0;
+ left: 0;
+ background-color: rgba(125, 125, 125, 0.5);
+ z-index: 11;
+}
+
+#loding .titles {
+ width: 10rem;
+ height: 4rem;
+ background-color: rgba(0, 0, 0, 0.5);
+ border-radius: 1rem;
+ position: absolute;
+ left: calc(50% - 5rem);
+ top: calc(50% - 2.5rem);
+ /* line-height: 1.5rem; */
+ /* padding: 0 0 0 1rem; */
+ color: #fff;
+ display: flex;
+ align-items: center;
+ justify-content: space-around;
+ flex-direction: column;
+}
+
+#SubmitDown {
+ width: 100%;
+ height: 100%;
+ position: fixed;
+ top: 0;
+ left: 0;
+ background-color: #fff;
+ z-index: 12;
+}
+
+#SubmitDown .S-use {
+ width: 100%;
+ height: auto;
+ /* border: 1px solid #0000FF; */
+ box-sizing: border-box;
+ padding: 2rem 0.5rem 0 0.5rem;
+}
+
+#SubmitDown textarea {
+ width: 100%;
+}
+
+.ups {
+ padding-top: 0.5rem !important;
+}
+
+#S-tijiao {
+ width: 50%;
+ position: relative;
+ top: 2rem;
+ left: 25%;
+}
--
Gitblit v1.9.3