|
@@ -1,7 +1,7 @@
|
|
|
.overview {
|
|
|
background: #f2f5f7;
|
|
|
padding: 16px 20px 20px 20px;
|
|
|
- height: 100%;
|
|
|
+ height: calc(100% - 48px);
|
|
|
width: 100%;
|
|
|
}
|
|
|
.overview .view-title {
|
|
@@ -27,7 +27,6 @@
|
|
|
font-family: MicrosoftYaHeiSemibold;
|
|
|
font-weight: bold;
|
|
|
color: #1f2429;
|
|
|
- line-height: 21px;
|
|
|
}
|
|
|
.overview .view-title .view-button {
|
|
|
font-family: PingFangSC-Regular, PingFang SC;
|
|
@@ -42,6 +41,7 @@
|
|
|
align-items: center;
|
|
|
justify-content: center;
|
|
|
cursor: pointer;
|
|
|
+ border-radius: 4px;
|
|
|
}
|
|
|
.overview .view-title .view-button img {
|
|
|
display: inline-block;
|
|
@@ -62,11 +62,13 @@
|
|
|
}
|
|
|
.overview .view-box .view-left .lb-left {
|
|
|
width: 100%;
|
|
|
+ height: 66%;
|
|
|
flex: 1;
|
|
|
margin-top: 12px;
|
|
|
margin-bottom: 10px;
|
|
|
position: relative;
|
|
|
border: 1px solid #ccc;
|
|
|
+ border-radius: 4px;
|
|
|
}
|
|
|
.overview .view-box .view-left .lb-left img {
|
|
|
width: 100%;
|
|
@@ -75,11 +77,12 @@
|
|
|
z-index: 99;
|
|
|
position: absolute;
|
|
|
top: 0;
|
|
|
- right: 2px;
|
|
|
+ right: 0px;
|
|
|
width: 32px;
|
|
|
height: 32px;
|
|
|
background: rgba(0, 0, 0, 0.6);
|
|
|
border-radius: 0px 4px 0px 4px;
|
|
|
+ cursor: pointer;
|
|
|
}
|
|
|
.overview .view-box .view-left .lb-left .lb-img {
|
|
|
z-index: 101;
|
|
@@ -88,6 +91,7 @@
|
|
|
position: absolute;
|
|
|
top: 8px;
|
|
|
right: 10px;
|
|
|
+ cursor: pointer;
|
|
|
}
|
|
|
.overview .view-box .view-left .lb-bottom {
|
|
|
height: 34%;
|
|
@@ -101,6 +105,7 @@
|
|
|
align-items: center;
|
|
|
background: linear-gradient(270deg, rgba(54, 156, 247, 0) 0%, rgba(2, 91, 170, 0.2) 100%);
|
|
|
margin-bottom: 12px;
|
|
|
+ border-radius: 4px;
|
|
|
}
|
|
|
.overview .view-box .view-left .lb-bottom nav span:nth-of-type(1) {
|
|
|
width: 2px;
|
|
@@ -116,7 +121,6 @@
|
|
|
font-family: MicrosoftYaHeiSemibold;
|
|
|
font-weight: bold;
|
|
|
color: #025baa;
|
|
|
- line-height: 19px;
|
|
|
}
|
|
|
.overview .view-box .view-left .lb-bottom .place-p1 {
|
|
|
height: 24px;
|
|
@@ -130,6 +134,7 @@
|
|
|
width: 16px;
|
|
|
height: 16px;
|
|
|
margin-right: 3px;
|
|
|
+ margin-top: -3px;
|
|
|
}
|
|
|
.overview .view-box .view-left .lb-bottom .place-p2 {
|
|
|
margin: 16px 0;
|
|
@@ -191,20 +196,23 @@
|
|
|
}
|
|
|
.overview .view-box .view-right .view-right-box .lb-right {
|
|
|
flex: 1;
|
|
|
+ height: 47%;
|
|
|
margin-top: 12px;
|
|
|
margin-bottom: 10px;
|
|
|
position: relative;
|
|
|
border: 1px solid #ccc;
|
|
|
+ border-radius: 4px;
|
|
|
}
|
|
|
.overview .view-box .view-right .view-right-box .lb-right .lb-icon {
|
|
|
z-index: 99;
|
|
|
position: absolute;
|
|
|
top: 0;
|
|
|
- right: 2px;
|
|
|
+ right: 0px;
|
|
|
width: 32px;
|
|
|
height: 32px;
|
|
|
background: rgba(0, 0, 0, 0.6);
|
|
|
border-radius: 0px 4px 0px 4px;
|
|
|
+ cursor: pointer;
|
|
|
}
|
|
|
.overview .view-box .view-right .view-right-box .lb-right .lb-img {
|
|
|
z-index: 101;
|
|
@@ -213,6 +221,7 @@
|
|
|
position: absolute;
|
|
|
top: 8px;
|
|
|
right: 10px;
|
|
|
+ cursor: pointer;
|
|
|
}
|
|
|
.overview .view-box .view-right .view-right-box .lb-right-bottom {
|
|
|
height: 53%;
|
|
@@ -227,6 +236,7 @@
|
|
|
align-items: center;
|
|
|
background: linear-gradient(270deg, rgba(54, 156, 247, 0) 0%, rgba(2, 91, 170, 0.2) 100%);
|
|
|
margin-bottom: 12px;
|
|
|
+ border-radius: 4px;
|
|
|
}
|
|
|
.overview .view-box .view-right .view-right-box .lb-right-bottom nav span:nth-of-type(1) {
|
|
|
width: 2px;
|
|
@@ -242,7 +252,6 @@
|
|
|
font-family: MicrosoftYaHeiSemibold;
|
|
|
font-weight: bold;
|
|
|
color: #025baa;
|
|
|
- line-height: 19px;
|
|
|
}
|
|
|
.overview .view-box .view-right .view-right-box .lb-right-bottom .view-right-bottom {
|
|
|
overflow: auto;
|