|
@@ -1,43 +1,51 @@
|
|
.ordinary-container {
|
|
.ordinary-container {
|
|
display: flex;
|
|
display: flex;
|
|
|
|
+
|
|
.ordinary-left {
|
|
.ordinary-left {
|
|
display: flex;
|
|
display: flex;
|
|
width: 63.48vw;
|
|
width: 63.48vw;
|
|
flex-direction: column;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
align-items: center;
|
|
|
|
+
|
|
.search-container {
|
|
.search-container {
|
|
width: 44.9vw;
|
|
width: 44.9vw;
|
|
height: 7.4vh;
|
|
height: 7.4vh;
|
|
margin-top: 11.29vh;
|
|
margin-top: 11.29vh;
|
|
margin-bottom: 2.13vh;
|
|
margin-bottom: 2.13vh;
|
|
}
|
|
}
|
|
|
|
+
|
|
.ordinary-map-container {
|
|
.ordinary-map-container {
|
|
overflow: hidden;
|
|
overflow: hidden;
|
|
position: relative;
|
|
position: relative;
|
|
- background-color:#33373c;
|
|
|
|
|
|
+ background-color: #33373c;
|
|
width: 63.34vw;
|
|
width: 63.34vw;
|
|
height: 67.79vh;
|
|
height: 67.79vh;
|
|
border-radius: 40px;
|
|
border-radius: 40px;
|
|
|
|
+
|
|
// margin-top: -11vh;
|
|
// margin-top: -11vh;
|
|
img {
|
|
img {
|
|
width: 100%;
|
|
width: 100%;
|
|
height: 100%;
|
|
height: 100%;
|
|
}
|
|
}
|
|
|
|
+
|
|
.ordinary-map-blocker {
|
|
.ordinary-map-blocker {
|
|
width: 100%;
|
|
width: 100%;
|
|
height: 100%;
|
|
height: 100%;
|
|
border-radius: 40px;
|
|
border-radius: 40px;
|
|
|
|
+
|
|
// margin-left: -35vw;
|
|
// margin-left: -35vw;
|
|
// margin-top: -31vh;
|
|
// margin-top: -31vh;
|
|
img {
|
|
img {
|
|
width: 100%;
|
|
width: 100%;
|
|
height: 100%;
|
|
height: 100%;
|
|
}
|
|
}
|
|
|
|
+
|
|
.bmMap {
|
|
.bmMap {
|
|
width: 100%;
|
|
width: 100%;
|
|
height: 100%;
|
|
height: 100%;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
+
|
|
.square-count {
|
|
.square-count {
|
|
align-items: center;
|
|
align-items: center;
|
|
zoom: 0.6;
|
|
zoom: 0.6;
|
|
@@ -56,7 +64,8 @@
|
|
font-size: 16px;
|
|
font-size: 16px;
|
|
display: flex;
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex-direction: column;
|
|
- }
|
|
|
|
|
|
+ }
|
|
|
|
+
|
|
.bench-list {
|
|
.bench-list {
|
|
align-items: center;
|
|
align-items: center;
|
|
zoom: 0.6;
|
|
zoom: 0.6;
|
|
@@ -71,7 +80,8 @@
|
|
display: flex;
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
align-items: center;
|
|
- }
|
|
|
|
|
|
+ }
|
|
|
|
+
|
|
.ordinary-map {
|
|
.ordinary-map {
|
|
position: absolute;
|
|
position: absolute;
|
|
opacity: 0;
|
|
opacity: 0;
|
|
@@ -81,6 +91,7 @@
|
|
border-radius: 40px;
|
|
border-radius: 40px;
|
|
margin-left: -35vw;
|
|
margin-left: -35vw;
|
|
margin-top: -31vh;
|
|
margin-top: -31vh;
|
|
|
|
+
|
|
img {
|
|
img {
|
|
width: 100%;
|
|
width: 100%;
|
|
height: 100%;
|
|
height: 100%;
|
|
@@ -88,22 +99,26 @@
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
+
|
|
.ordinary-list {
|
|
.ordinary-list {
|
|
width: 26.36vw;
|
|
width: 26.36vw;
|
|
height: 100%;
|
|
height: 100%;
|
|
}
|
|
}
|
|
|
|
+
|
|
.ordinary-list {
|
|
.ordinary-list {
|
|
.item-image {
|
|
.item-image {
|
|
width: 7.29vw;
|
|
width: 7.29vw;
|
|
height: 7.29vw;
|
|
height: 7.29vw;
|
|
border-radius: 15px;
|
|
border-radius: 15px;
|
|
border: 2px solid #dfdfdf;
|
|
border: 2px solid #dfdfdf;
|
|
|
|
+
|
|
img {
|
|
img {
|
|
width: 100%;
|
|
width: 100%;
|
|
height: 100%;
|
|
height: 100%;
|
|
border-radius: 15px;
|
|
border-radius: 15px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
+
|
|
.item-box {
|
|
.item-box {
|
|
width: 100%;
|
|
width: 100%;
|
|
padding: 1.04vw 1.66vh 1.04vw;
|
|
padding: 1.04vw 1.66vh 1.04vw;
|
|
@@ -112,8 +127,10 @@
|
|
opacity: 1;
|
|
opacity: 1;
|
|
display: flex;
|
|
display: flex;
|
|
align-items: center;
|
|
align-items: center;
|
|
|
|
+
|
|
.item-text {
|
|
.item-text {
|
|
margin-left: 1.2vw;
|
|
margin-left: 1.2vw;
|
|
|
|
+
|
|
.item-title {
|
|
.item-title {
|
|
height: 4.17vh;
|
|
height: 4.17vh;
|
|
font-size: 28px;
|
|
font-size: 28px;
|
|
@@ -122,6 +139,7 @@
|
|
color: #fbfbfb;
|
|
color: #fbfbfb;
|
|
line-height: 4.17vh;
|
|
line-height: 4.17vh;
|
|
}
|
|
}
|
|
|
|
+
|
|
.item-description {
|
|
.item-description {
|
|
margin-top: 0.37vh;
|
|
margin-top: 0.37vh;
|
|
height: 2.31vh;
|
|
height: 2.31vh;
|
|
@@ -131,6 +149,7 @@
|
|
color: #dfdfdf;
|
|
color: #dfdfdf;
|
|
line-height: 2.31vh;
|
|
line-height: 2.31vh;
|
|
}
|
|
}
|
|
|
|
+
|
|
.item-tag {
|
|
.item-tag {
|
|
display: flex;
|
|
display: flex;
|
|
margin-top: 0vh;
|
|
margin-top: 0vh;
|
|
@@ -138,6 +157,7 @@
|
|
// width: max-content;
|
|
// width: max-content;
|
|
overflow: auto;
|
|
overflow: auto;
|
|
flex-wrap: wrap;
|
|
flex-wrap: wrap;
|
|
|
|
+
|
|
.tag {
|
|
.tag {
|
|
margin-bottom: 0.2vh;
|
|
margin-bottom: 0.2vh;
|
|
//width: 3.13vw;
|
|
//width: 3.13vw;
|
|
@@ -158,12 +178,14 @@
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
-
|
|
|
|
|
|
+
|
|
}
|
|
}
|
|
|
|
+
|
|
.vr-bg-container {
|
|
.vr-bg-container {
|
|
width: 0;
|
|
width: 0;
|
|
height: 0;
|
|
height: 0;
|
|
}
|
|
}
|
|
|
|
+
|
|
.bench-list-buttons {
|
|
.bench-list-buttons {
|
|
width: 100%;
|
|
width: 100%;
|
|
height: 5.4vh;
|
|
height: 5.4vh;
|
|
@@ -175,7 +197,7 @@
|
|
margin-bottom: 0vh;
|
|
margin-bottom: 0vh;
|
|
margin-left: 4.13vh;
|
|
margin-left: 4.13vh;
|
|
margin-right: 4.13vh;
|
|
margin-right: 4.13vh;
|
|
- background: linear-gradient(179deg, rgba(255,255,255,0.36) 0%, rgba(255,255,255,0) 100%);
|
|
|
|
|
|
+ background: linear-gradient(179deg, rgba(255, 255, 255, 0.36) 0%, rgba(255, 255, 255, 0) 100%);
|
|
background-image: url(../../images/tab-buttons.png);
|
|
background-image: url(../../images/tab-buttons.png);
|
|
background-size: 100% 100%;
|
|
background-size: 100% 100%;
|
|
border-radius: 79px 79px 79px 79px;
|
|
border-radius: 79px 79px 79px 79px;
|
|
@@ -184,17 +206,19 @@
|
|
justify-content: space-between;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
align-items: center;
|
|
align-content: center;
|
|
align-content: center;
|
|
-}
|
|
|
|
-.ordinary-map-ex {
|
|
|
|
- position: absolute;
|
|
|
|
- top: 10px;
|
|
|
|
- right: 10px;
|
|
|
|
- z-index: 9999;
|
|
|
|
-}
|
|
|
|
-.ordinary-map-hidden {
|
|
|
|
- width: 100%;
|
|
|
|
- height: 100%;
|
|
|
|
-}
|
|
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .ordinary-map-ex {
|
|
|
|
+ position: absolute;
|
|
|
|
+ top: 10px;
|
|
|
|
+ right: 10px;
|
|
|
|
+ z-index: 9999;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .ordinary-map-hidden {
|
|
|
|
+ width: 100%;
|
|
|
|
+ height: 100%;
|
|
|
|
+ }
|
|
}
|
|
}
|
|
|
|
|
|
// .task-right-panel {
|
|
// .task-right-panel {
|
|
@@ -212,6 +236,7 @@
|
|
display: flex;
|
|
display: flex;
|
|
align-items: center;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
justify-content: space-between;
|
|
|
|
+
|
|
.item-title {
|
|
.item-title {
|
|
height: 4.17vh;
|
|
height: 4.17vh;
|
|
font-size: 18px;
|
|
font-size: 18px;
|
|
@@ -221,6 +246,7 @@
|
|
line-height: 4.17vh;
|
|
line-height: 4.17vh;
|
|
// width: 150px;
|
|
// width: 150px;
|
|
}
|
|
}
|
|
|
|
+
|
|
.item-description {
|
|
.item-description {
|
|
margin-top: 0.37vh;
|
|
margin-top: 0.37vh;
|
|
height: 2.31vh;
|
|
height: 2.31vh;
|
|
@@ -230,11 +256,13 @@
|
|
color: #dfdfdf;
|
|
color: #dfdfdf;
|
|
line-height: 2.31vh;
|
|
line-height: 2.31vh;
|
|
}
|
|
}
|
|
|
|
+
|
|
.item-tag {
|
|
.item-tag {
|
|
display: flex;
|
|
display: flex;
|
|
margin-top: 0.92vh;
|
|
margin-top: 0.92vh;
|
|
- flex-wrap: wrap;
|
|
|
|
- .tag {
|
|
|
|
|
|
+ flex-wrap: wrap;
|
|
|
|
+
|
|
|
|
+ .tag {
|
|
margin-bottom: 0.2vh;
|
|
margin-bottom: 0.2vh;
|
|
//width: 3.13vw;
|
|
//width: 3.13vw;
|
|
height: 1.96vh;
|
|
height: 1.96vh;
|
|
@@ -253,10 +281,12 @@
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
+
|
|
.item-tag {
|
|
.item-tag {
|
|
display: flex;
|
|
display: flex;
|
|
margin-top: 0.92vh;
|
|
margin-top: 0.92vh;
|
|
flex-wrap: wrap;
|
|
flex-wrap: wrap;
|
|
|
|
+
|
|
.tag {
|
|
.tag {
|
|
// width: 3.13vw;
|
|
// width: 3.13vw;
|
|
padding: 0 1vw;
|
|
padding: 0 1vw;
|
|
@@ -296,15 +326,17 @@
|
|
border-radius: 20px 20px 20px 20px;
|
|
border-radius: 20px 20px 20px 20px;
|
|
opacity: 1;
|
|
opacity: 1;
|
|
margin-bottom: 1.85vh;
|
|
margin-bottom: 1.85vh;
|
|
|
|
+
|
|
.item-title {
|
|
.item-title {
|
|
height: 4.17vh;
|
|
height: 4.17vh;
|
|
- font-size: 24px;
|
|
|
|
|
|
+ // font-size: 16px;
|
|
font-family: PingFang SC-Bold, PingFang SC;
|
|
font-family: PingFang SC-Bold, PingFang SC;
|
|
font-weight: 400;
|
|
font-weight: 400;
|
|
color: #fbfbfb;
|
|
color: #fbfbfb;
|
|
line-height: 4.17vh;
|
|
line-height: 4.17vh;
|
|
display: inline-block;
|
|
display: inline-block;
|
|
}
|
|
}
|
|
|
|
+
|
|
.item-description {
|
|
.item-description {
|
|
margin-top: 0.37vh;
|
|
margin-top: 0.37vh;
|
|
height: 2.31vh;
|
|
height: 2.31vh;
|
|
@@ -314,27 +346,40 @@
|
|
color: #dfdfdf;
|
|
color: #dfdfdf;
|
|
line-height: 2.31vh;
|
|
line-height: 2.31vh;
|
|
}
|
|
}
|
|
|
|
+
|
|
.item-tag {
|
|
.item-tag {
|
|
display: flex;
|
|
display: flex;
|
|
margin-top: 0.92vh;
|
|
margin-top: 0.92vh;
|
|
|
|
+ flex-wrap: wrap;
|
|
|
|
+
|
|
.tag {
|
|
.tag {
|
|
- padding: 0 1vw;
|
|
|
|
- height: 2.96vh;
|
|
|
|
- line-height: 2.96vh;
|
|
|
|
|
|
+ margin-bottom: 0.2vh;
|
|
|
|
+ //width: 3.13vw;
|
|
|
|
+ height: 1.96vh;
|
|
|
|
+ font-size: xx-small;
|
|
|
|
+ line-height: 1.96vh;
|
|
text-align: center;
|
|
text-align: center;
|
|
background-color: #5d9a6d;
|
|
background-color: #5d9a6d;
|
|
border-radius: 10px;
|
|
border-radius: 10px;
|
|
color: #f2f2f2;
|
|
color: #f2f2f2;
|
|
- margin-right: 1vw;
|
|
|
|
|
|
+ margin-right: 0.2vw;
|
|
|
|
+ padding: 0px 10px;
|
|
|
|
+ width: max-content;
|
|
|
|
+ white-space: nowrap;
|
|
|
|
+ overflow: hidden;
|
|
|
|
+ text-overflow: ellipsis;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
+
|
|
.status1 {
|
|
.status1 {
|
|
width: 14px;
|
|
width: 14px;
|
|
height: 14px;
|
|
height: 14px;
|
|
background: #68C068;
|
|
background: #68C068;
|
|
border-radius: 100%;
|
|
border-radius: 100%;
|
|
- margin-left: 10px;;
|
|
|
|
|
|
+ margin-left: 10px;
|
|
|
|
+ ;
|
|
}
|
|
}
|
|
|
|
+
|
|
.status0 {
|
|
.status0 {
|
|
width: 14px;
|
|
width: 14px;
|
|
height: 14px;
|
|
height: 14px;
|
|
@@ -343,9 +388,11 @@
|
|
margin-left: 10px;
|
|
margin-left: 10px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
+
|
|
.item-tag {
|
|
.item-tag {
|
|
display: flex;
|
|
display: flex;
|
|
margin-top: 0.92vh;
|
|
margin-top: 0.92vh;
|
|
|
|
+
|
|
.tag {
|
|
.tag {
|
|
// width: 3.13vw;
|
|
// width: 3.13vw;
|
|
padding: 0 1vw;
|
|
padding: 0 1vw;
|
|
@@ -358,13 +405,13 @@
|
|
margin-right: 1vw;
|
|
margin-right: 1vw;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
-
|
|
|
|
|
|
+
|
|
}
|
|
}
|
|
|
|
|
|
.uncheck {
|
|
.uncheck {
|
|
width: 16px;
|
|
width: 16px;
|
|
height: 16px;
|
|
height: 16px;
|
|
- background: rgba(0,0,0,0.14);
|
|
|
|
|
|
+ background: rgba(0, 0, 0, 0.14);
|
|
border-radius: 53px 53px 53px 53px;
|
|
border-radius: 53px 53px 53px 53px;
|
|
opacity: 1;
|
|
opacity: 1;
|
|
border: 1px solid #DFDFDF;
|
|
border: 1px solid #DFDFDF;
|
|
@@ -378,9 +425,7 @@
|
|
// height: 60vh;
|
|
// height: 60vh;
|
|
// overflow: auto;
|
|
// overflow: auto;
|
|
// }
|
|
// }
|
|
-.panel-bottom {
|
|
|
|
-
|
|
|
|
-}
|
|
|
|
|
|
+.panel-bottom {}
|
|
|
|
|
|
.task-auto {
|
|
.task-auto {
|
|
width: 50px;
|
|
width: 50px;
|