|
@@ -4,12 +4,13 @@ $fontLED:led;
|
|
|
|
|
|
//颜色
|
|
|
$white:#fff;
|
|
|
-$inBlue:#02dcd3;
|
|
|
+$inBlue:#2bacf7;
|
|
|
$inBlueHover:#07ffc1;
|
|
|
$inYellow:#ffd014;
|
|
|
$deepBlue:#0b293a;
|
|
|
$listText:#1a7988;
|
|
|
$textGray:#ccc;
|
|
|
+$grayBlue:#5685a0;
|
|
|
|
|
|
|
|
|
|
|
@@ -28,7 +29,7 @@ $shadowListHoverI:0 0 3px rgba($color: #41ff84, $alpha: .5), -0 -0 10px rgba($co
|
|
|
$fBlue:#03c6e2;
|
|
|
$fBlueHover:#07ffc1;
|
|
|
$fBlueG:#0bf3f7;
|
|
|
-$fListTitle:#2ac6c6;
|
|
|
+$fListTitle:#2bacf7;
|
|
|
$barBgc: rgba($color: #051520, $alpha: .9);
|
|
|
$barShadow: rgba($color: #033551, $alpha: .5) 0px 0px 18px inset;
|
|
|
$barBorder: solid rgba($color: #134040, $alpha: .7);
|
|
@@ -181,6 +182,9 @@ div::-webkit-scrollbar {
|
|
|
.h-9{
|
|
|
height: 9vh;
|
|
|
}
|
|
|
+.h-10{
|
|
|
+ height: 10vh;
|
|
|
+}
|
|
|
.h-16{
|
|
|
height: 16vh;
|
|
|
}
|
|
@@ -456,7 +460,6 @@ div::-webkit-scrollbar {
|
|
|
position: absolute;
|
|
|
font-size: 14px;
|
|
|
top: 10vh;
|
|
|
- width: 19rem;
|
|
|
height: 85vh;
|
|
|
display: flex;
|
|
|
z-index: 1000;
|
|
@@ -466,14 +469,16 @@ div::-webkit-scrollbar {
|
|
|
|
|
|
}
|
|
|
.leftbar{
|
|
|
- left: .5rem;
|
|
|
+ width: 23rem;
|
|
|
+ left: .3rem;
|
|
|
-webkit-transform: translateX(0);
|
|
|
transform: translateX(0);
|
|
|
transition: all 0.5s ease-in-out;
|
|
|
|
|
|
}
|
|
|
.rightbar{
|
|
|
- right: .5rem;
|
|
|
+ width: 19rem;
|
|
|
+ right: .3rem;
|
|
|
-webkit-transform: translateX(0);
|
|
|
transform: translateX(0);
|
|
|
transition: all 0.5s ease-in-out;
|
|
@@ -610,11 +615,11 @@ div::-webkit-scrollbar {
|
|
|
}
|
|
|
.forthis {
|
|
|
margin-bottom: 2vh;
|
|
|
- -moz-border-radius-topleft: 0;
|
|
|
- -moz-border-radius-bottomright: 0;
|
|
|
- background-color: $barBgc;
|
|
|
- box-shadow: $barShadow;
|
|
|
- border: 1px $barBorder;
|
|
|
+ // -moz-border-radius-topleft: 0;
|
|
|
+ // -moz-border-radius-bottomright: 0;
|
|
|
+ // background-color: $barBgc;
|
|
|
+ // box-shadow: $barShadow;
|
|
|
+ // border: 1px $barBorder;
|
|
|
|
|
|
|
|
|
.map-con{
|
|
@@ -625,17 +630,16 @@ div::-webkit-scrollbar {
|
|
|
|
|
|
.this-title {
|
|
|
width: 100%;
|
|
|
- font-size: 1rem;
|
|
|
- height: 4vh;
|
|
|
- line-height: 4vh;
|
|
|
- padding-left: .5em;
|
|
|
+ font-size: .7rem;
|
|
|
+ height: 2vh;
|
|
|
+ line-height: 2vh;
|
|
|
+ padding: 0rem 0 0 1rem;
|
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
|
- padding: 0 12px;
|
|
|
- background-image: -moz-linear-gradient($GradualGreen);
|
|
|
- background-image: -webkit-linear-gradient($GradualGreen);
|
|
|
- background-image: linear-gradient($GradualGreen);
|
|
|
- box-shadow: $shadowTitle;
|
|
|
+ // background-image: -moz-linear-gradient($GradualGreen);
|
|
|
+ // background-image: -webkit-linear-gradient($GradualGreen);
|
|
|
+ // background-image: linear-gradient($GradualGreen);
|
|
|
+ // box-shadow: $shadowTitle;
|
|
|
.el-date-editor{
|
|
|
width: 100%;
|
|
|
}
|
|
@@ -660,7 +664,8 @@ div::-webkit-scrollbar {
|
|
|
|
|
|
span {
|
|
|
font-family: $fontLED;
|
|
|
- color: $fBlueG;
|
|
|
+ color: $white;
|
|
|
+ text-shadow: 0 0 15px rgba($color: #1eeb74, $alpha:1) ;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
|
|
@@ -833,7 +838,7 @@ div::-webkit-scrollbar {
|
|
|
cursor: pointer;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
- padding: .4rem .5rem;
|
|
|
+ padding: 0 .5rem;
|
|
|
box-shadow: $shadowList;
|
|
|
flex-wrap: wrap;
|
|
|
@for $i from 1 through length($iconBg) {
|
|
@@ -992,6 +997,7 @@ div::-webkit-scrollbar {
|
|
|
align-items: center;
|
|
|
flex: 1;
|
|
|
color: $fListTitle;
|
|
|
+ padding: .2rem;
|
|
|
|
|
|
h4 {
|
|
|
font-size: .7rem;
|
|
@@ -1040,7 +1046,7 @@ div::-webkit-scrollbar {
|
|
|
}
|
|
|
.event-list-text {
|
|
|
width: 77% !important;
|
|
|
- display: flex;
|
|
|
+ display: flex;
|
|
|
align-items: left;
|
|
|
flex-direction: column !important;
|
|
|
h3 {
|