|
@@ -1,204 +1,172 @@
|
|
.clockPage {
|
|
.clockPage {
|
|
- background-color: rgba(255, 255, 255, 1);
|
|
|
|
- position: relative;
|
|
|
|
|
|
+ background-color: rgba(255, 255, 255, 1);
|
|
|
|
+ // position: relative;
|
|
|
|
+ width: 100%;
|
|
|
|
+ height: 100%;
|
|
|
|
+ overflow: auto;
|
|
|
|
+ overflow-x: hidden;
|
|
|
|
+
|
|
|
|
+ .bd1 {
|
|
width: 100%;
|
|
width: 100%;
|
|
- height: 100%;
|
|
|
|
- overflow: hidden;
|
|
|
|
- overflow-y: auto;
|
|
|
|
-
|
|
|
|
- .bd1 {
|
|
|
|
|
|
+ height: 439px;
|
|
|
|
+
|
|
|
|
+ .section5 {
|
|
|
|
+ background-color: rgba(255, 255, 255, 1);
|
|
|
|
+ z-index: 91;
|
|
|
|
+ height: 54px;
|
|
|
|
+ margin-top: 1px;
|
|
width: 100%;
|
|
width: 100%;
|
|
- height: 439px;
|
|
|
|
-
|
|
|
|
- .section5 {
|
|
|
|
- background-color: rgba(255, 255, 255, 1);
|
|
|
|
- z-index: 91;
|
|
|
|
- height: 54px;
|
|
|
|
- margin-top: 1px;
|
|
|
|
- width: 100%;
|
|
|
|
- position: relative;
|
|
|
|
-
|
|
|
|
- .layer1 {
|
|
|
|
- width: 84px;
|
|
|
|
|
|
+ position: relative;
|
|
|
|
+
|
|
|
|
+ .layer1 {
|
|
|
|
+ width: 84px;
|
|
|
|
+ height: 20px;
|
|
|
|
+ margin: 17px 0 0 15px;
|
|
|
|
+
|
|
|
|
+ .ImageText1 {
|
|
height: 20px;
|
|
height: 20px;
|
|
- margin: 17px 0 0 15px;
|
|
|
|
-
|
|
|
|
- .ImageText1 {
|
|
|
|
- height: 20px;
|
|
|
|
|
|
+ width: 84px;
|
|
|
|
+
|
|
|
|
+ .layer1 {
|
|
width: 84px;
|
|
width: 84px;
|
|
-
|
|
|
|
- .layer1 {
|
|
|
|
- width: 84px;
|
|
|
|
|
|
+ height: 20px;
|
|
|
|
+ margin: 0 auto;
|
|
|
|
+
|
|
|
|
+ .bd2 {
|
|
|
|
+ width: 20px;
|
|
height: 20px;
|
|
height: 20px;
|
|
- margin: 0 auto;
|
|
|
|
-
|
|
|
|
- .bd2 {
|
|
|
|
- width: 20px;
|
|
|
|
- height: 20px;
|
|
|
|
- background: url('../../assets/device/add.png');
|
|
|
|
- background-size: 100%;
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- .TextGroup1 {
|
|
|
|
- height: 20px;
|
|
|
|
|
|
+ background: url('../../assets/device/add.png');
|
|
|
|
+ background-size: 100%;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .TextGroup1 {
|
|
|
|
+ height: 20px;
|
|
|
|
+ width: 56px;
|
|
|
|
+
|
|
|
|
+ .word2 {
|
|
width: 56px;
|
|
width: 56px;
|
|
-
|
|
|
|
- .word2 {
|
|
|
|
- width: 56px;
|
|
|
|
- height: 20px;
|
|
|
|
- overflow-wrap: break-word;
|
|
|
|
- color: rgba(64, 77, 116, 1);
|
|
|
|
- font-size: 14px;
|
|
|
|
- font-family: PingFangSC-Medium;
|
|
|
|
- text-align: left;
|
|
|
|
- white-space: nowrap;
|
|
|
|
- line-height: 20px;
|
|
|
|
- display: block;
|
|
|
|
- }
|
|
|
|
|
|
+ height: 20px;
|
|
|
|
+ overflow-wrap: break-word;
|
|
|
|
+ color: rgba(64, 77, 116, 1);
|
|
|
|
+ font-size: 14px;
|
|
|
|
+ font-family: PingFangSC-Medium;
|
|
|
|
+ text-align: left;
|
|
|
|
+ white-space: nowrap;
|
|
|
|
+ line-height: 20px;
|
|
|
|
+ display: block;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
-
|
|
|
|
- .img2 {
|
|
|
|
- z-index: 93;
|
|
|
|
- position: absolute;
|
|
|
|
- left: 0;
|
|
|
|
- top: 53px;
|
|
|
|
- width: 100%;
|
|
|
|
- height: 2px;
|
|
|
|
- }
|
|
|
|
}
|
|
}
|
|
-
|
|
|
|
- .section6 {
|
|
|
|
|
|
+
|
|
|
|
+ .img2 {
|
|
|
|
+ z-index: 93;
|
|
|
|
+ position: absolute;
|
|
|
|
+ left: 0;
|
|
|
|
+ top: 53px;
|
|
width: 100%;
|
|
width: 100%;
|
|
- padding: 10px 15px;
|
|
|
|
-
|
|
|
|
- .TextGroup2 {
|
|
|
|
- width: 25%;
|
|
|
|
-
|
|
|
|
- .bd3 {
|
|
|
|
- .word3 {
|
|
|
|
- width: auto;
|
|
|
|
- height: 30px;
|
|
|
|
- overflow-wrap: break-word;
|
|
|
|
- color: rgba(64, 77, 116, 1);
|
|
|
|
- font-size: 22px;
|
|
|
|
- font-family: PingFangSC-Medium;
|
|
|
|
- text-align: left;
|
|
|
|
- white-space: nowrap;
|
|
|
|
- line-height: 30px;
|
|
|
|
- display: block;
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- .info2 {
|
|
|
|
- width: auto;
|
|
|
|
- height: 18px;
|
|
|
|
- overflow-wrap: break-word;
|
|
|
|
- color: rgba(64, 77, 116, 1);
|
|
|
|
- font-size: 13px;
|
|
|
|
- text-align: left;
|
|
|
|
- // white-space: nowrap;
|
|
|
|
- line-height: 18px;
|
|
|
|
- display: block;
|
|
|
|
- margin: -2px 0 0 2px;
|
|
|
|
- }
|
|
|
|
|
|
+ height: 2px;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .section6 {
|
|
|
|
+ width: 100%;
|
|
|
|
+ padding: 10px 15px;
|
|
|
|
+
|
|
|
|
+ .TextGroup2 {
|
|
|
|
+ width: 25%;
|
|
|
|
+
|
|
|
|
+ .bd3 {
|
|
|
|
+ .word3 {
|
|
|
|
+ width: auto;
|
|
|
|
+ height: 30px;
|
|
|
|
+ overflow-wrap: break-word;
|
|
|
|
+ color: rgba(64, 77, 116, 1);
|
|
|
|
+ font-size: 22px;
|
|
|
|
+ font-family: PingFangSC-Medium;
|
|
|
|
+ text-align: left;
|
|
|
|
+ white-space: nowrap;
|
|
|
|
+ line-height: 30px;
|
|
|
|
+ display: block;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .info2 {
|
|
|
|
+ width: auto;
|
|
|
|
+ height: 18px;
|
|
|
|
+ overflow-wrap: break-word;
|
|
|
|
+ color: rgba(64, 77, 116, 1);
|
|
|
|
+ font-size: 13px;
|
|
|
|
+ text-align: left;
|
|
|
|
+ // white-space: nowrap;
|
|
|
|
+ line-height: 18px;
|
|
|
|
+ display: block;
|
|
|
|
+ margin: -2px 0 0 2px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
-
|
|
|
|
- .TextGroup3 {
|
|
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .TextGroup3 {
|
|
|
|
+ height: 38px;
|
|
|
|
+ width: 40%;
|
|
|
|
+
|
|
|
|
+ .main2 {
|
|
|
|
+ width: auto;
|
|
height: 38px;
|
|
height: 38px;
|
|
- width: 40%;
|
|
|
|
-
|
|
|
|
- .main2 {
|
|
|
|
|
|
+
|
|
|
|
+ .word4 {
|
|
width: auto;
|
|
width: auto;
|
|
- height: 38px;
|
|
|
|
-
|
|
|
|
- .word4 {
|
|
|
|
- width: auto;
|
|
|
|
- height: 18px;
|
|
|
|
- overflow-wrap: break-word;
|
|
|
|
- color: rgba(64, 77, 116, 1);
|
|
|
|
- font-size: 13px;
|
|
|
|
- text-align: left;
|
|
|
|
- white-space: nowrap;
|
|
|
|
- line-height: 18px;
|
|
|
|
- display: block;
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- .txt3 {
|
|
|
|
- width: auto;
|
|
|
|
- height: 18px;
|
|
|
|
- overflow-wrap: break-word;
|
|
|
|
- color: rgba(64, 77, 116, 1);
|
|
|
|
- font-size: 13px;
|
|
|
|
- text-align: left;
|
|
|
|
- white-space: nowrap;
|
|
|
|
- line-height: 18px;
|
|
|
|
- margin-top: 2px;
|
|
|
|
- display: block;
|
|
|
|
- }
|
|
|
|
|
|
+ height: 18px;
|
|
|
|
+ overflow-wrap: break-word;
|
|
|
|
+ color: rgba(64, 77, 116, 1);
|
|
|
|
+ font-size: 13px;
|
|
|
|
+ text-align: left;
|
|
|
|
+ white-space: nowrap;
|
|
|
|
+ line-height: 18px;
|
|
|
|
+ display: block;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .txt3 {
|
|
|
|
+ width: auto;
|
|
|
|
+ height: 18px;
|
|
|
|
+ overflow-wrap: break-word;
|
|
|
|
+ color: rgba(64, 77, 116, 1);
|
|
|
|
+ font-size: 13px;
|
|
|
|
+ text-align: left;
|
|
|
|
+ white-space: nowrap;
|
|
|
|
+ line-height: 18px;
|
|
|
|
+ margin-top: 2px;
|
|
|
|
+ display: block;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
-
|
|
|
|
- .ImageText2 {
|
|
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .ImageText2 {
|
|
|
|
+ height: 17px;
|
|
|
|
+ width: 10%;
|
|
|
|
+ margin: 9px 0 0 20px;
|
|
|
|
+
|
|
|
|
+ .group3 {
|
|
|
|
+ width: 40px;
|
|
height: 17px;
|
|
height: 17px;
|
|
- width: 10%;
|
|
|
|
- margin: 9px 0 0 20px;
|
|
|
|
-
|
|
|
|
- .group3 {
|
|
|
|
- width: 40px;
|
|
|
|
- height: 17px;
|
|
|
|
-
|
|
|
|
- .group4 {
|
|
|
|
- width: 13px;
|
|
|
|
- height: 14px;
|
|
|
|
- background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngb70cca70325ff31d341004d9ce7ebf2d5f692bbe3bf755d9d44b36aa78c21c77) top center no-repeat;
|
|
|
|
- background-size: 100%;
|
|
|
|
- margin-top: 1px;
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- .TextGroup4 {
|
|
|
|
- height: 17px;
|
|
|
|
- width: 24px;
|
|
|
|
-
|
|
|
|
- .info3 {
|
|
|
|
- width: 24px;
|
|
|
|
- height: 17px;
|
|
|
|
- overflow-wrap: break-word;
|
|
|
|
- color: rgba(223, 94, 76, 1);
|
|
|
|
- font-size: 12px;
|
|
|
|
- text-align: left;
|
|
|
|
- white-space: nowrap;
|
|
|
|
- line-height: 17px;
|
|
|
|
- display: block;
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
|
|
+
|
|
|
|
+ .group4 {
|
|
|
|
+ width: 13px;
|
|
|
|
+ height: 14px;
|
|
|
|
+ background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngb70cca70325ff31d341004d9ce7ebf2d5f692bbe3bf755d9d44b36aa78c21c77) top center no-repeat;
|
|
|
|
+ background-size: 100%;
|
|
|
|
+ margin-top: 1px;
|
|
}
|
|
}
|
|
- }
|
|
|
|
-
|
|
|
|
- .bd4 {
|
|
|
|
- width: 10%;
|
|
|
|
- height: 36px;
|
|
|
|
- margin: 10px 0 0 15px;
|
|
|
|
-
|
|
|
|
- .outer1 {
|
|
|
|
- width: 41px;
|
|
|
|
|
|
+
|
|
|
|
+ .TextGroup4 {
|
|
height: 17px;
|
|
height: 17px;
|
|
-
|
|
|
|
- .main3 {
|
|
|
|
- width: 15px;
|
|
|
|
- height: 15px;
|
|
|
|
- background: url('../../assets/edit.png') top center no-repeat;
|
|
|
|
- background-size: 100%;
|
|
|
|
- margin-top: 1px;
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- .word5 {
|
|
|
|
|
|
+ width: 24px;
|
|
|
|
+
|
|
|
|
+ .info3 {
|
|
width: 24px;
|
|
width: 24px;
|
|
height: 17px;
|
|
height: 17px;
|
|
overflow-wrap: break-word;
|
|
overflow-wrap: break-word;
|
|
- color: #2c87c8;
|
|
|
|
|
|
+ color: rgba(223, 94, 76, 1);
|
|
font-size: 12px;
|
|
font-size: 12px;
|
|
text-align: left;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
white-space: nowrap;
|
|
@@ -206,258 +174,290 @@
|
|
display: block;
|
|
display: block;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
-
|
|
|
|
- .word6 {
|
|
|
|
- width: 39px;
|
|
|
|
- height: 18px;
|
|
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .bd4 {
|
|
|
|
+ width: 10%;
|
|
|
|
+ height: 36px;
|
|
|
|
+ margin: 10px 0 0 15px;
|
|
|
|
+
|
|
|
|
+ .outer1 {
|
|
|
|
+ width: 41px;
|
|
|
|
+ height: 17px;
|
|
|
|
+
|
|
|
|
+ .main3 {
|
|
|
|
+ width: 15px;
|
|
|
|
+ height: 15px;
|
|
|
|
+ background: url('../../assets/edit.png') top center no-repeat;
|
|
|
|
+ background-size: 100%;
|
|
|
|
+ margin-top: 1px;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .word5 {
|
|
|
|
+ width: 24px;
|
|
|
|
+ height: 17px;
|
|
overflow-wrap: break-word;
|
|
overflow-wrap: break-word;
|
|
- color: rgba(77, 193, 147, 1);
|
|
|
|
- font-size: 13px;
|
|
|
|
|
|
+ color: #2c87c8;
|
|
|
|
+ font-size: 12px;
|
|
text-align: left;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
white-space: nowrap;
|
|
- line-height: 18px;
|
|
|
|
|
|
+ line-height: 17px;
|
|
display: block;
|
|
display: block;
|
|
- margin: 1px 0 0 2px;
|
|
|
|
-
|
|
|
|
- &.close {
|
|
|
|
- color: rgba(197, 197, 205, 1);
|
|
|
|
- }
|
|
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .word6 {
|
|
|
|
+ width: 39px;
|
|
|
|
+ height: 18px;
|
|
|
|
+ overflow-wrap: break-word;
|
|
|
|
+ color: rgba(77, 193, 147, 1);
|
|
|
|
+ font-size: 13px;
|
|
|
|
+ text-align: left;
|
|
|
|
+ white-space: nowrap;
|
|
|
|
+ line-height: 18px;
|
|
|
|
+ display: block;
|
|
|
|
+ margin: 1px 0 0 2px;
|
|
|
|
+
|
|
|
|
+ &.close {
|
|
|
|
+ color: rgba(197, 197, 205, 1);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.alarmClockSetPage {
|
|
|
|
+ width: 100%;
|
|
|
|
|
|
- .alarmClockSetPage {
|
|
|
|
|
|
+ .alarmClockSetBox {
|
|
|
|
+ width: 100%;
|
|
|
|
+ height: calc(100% - 44px);
|
|
|
|
+ overflow: auto;
|
|
|
|
+ overflow-x: hidden;
|
|
|
|
+
|
|
|
|
+ .equipmentField {
|
|
|
|
+ .van-field__label {
|
|
|
|
+ display: flex;
|
|
|
|
+ align-items: center;
|
|
|
|
+ line-height: 1;
|
|
|
|
+
|
|
|
|
+ &::before {
|
|
|
|
+ content: '';
|
|
|
|
+ width: 4px;
|
|
|
|
+ height: 12px;
|
|
|
|
+ margin: 0 4px;
|
|
|
|
+ background-color: #5a9cc8;
|
|
|
|
+ border-radius: 2px;
|
|
|
|
+ display: inline-block;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .repeatTimeBox {
|
|
width: 100%;
|
|
width: 100%;
|
|
|
|
+ padding-bottom: 18px;
|
|
|
|
+ border-bottom: 1px solid var(--van-cell-border-color);
|
|
|
|
+ }
|
|
|
|
|
|
- .alarmClockSetBox {
|
|
|
|
- width: 100%;
|
|
|
|
- height: calc(100% - 44px);
|
|
|
|
- overflow: auto;
|
|
|
|
- overflow-x: hidden;
|
|
|
|
-
|
|
|
|
- .equipmentField {
|
|
|
|
- .van-field__label {
|
|
|
|
- display: flex;
|
|
|
|
- align-items: center;
|
|
|
|
- line-height: 1;
|
|
|
|
-
|
|
|
|
- &::before {
|
|
|
|
- content: '';
|
|
|
|
- width: 4px;
|
|
|
|
- height: 12px;
|
|
|
|
- margin: 0 4px;
|
|
|
|
- background-color: #5a9cc8;
|
|
|
|
- border-radius: 2px;
|
|
|
|
- display: inline-block;
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
|
|
+ .dayCon {
|
|
|
|
+ padding: 6px 15px;
|
|
|
|
|
|
- .repeatTimeBox {
|
|
|
|
- width: 100%;
|
|
|
|
- padding-bottom: 18px;
|
|
|
|
- border-bottom: 1px solid var(--van-cell-border-color);
|
|
|
|
- }
|
|
|
|
|
|
+ .dayName {
|
|
|
|
+ padding: 6px 10px;
|
|
|
|
+ background-color: rgba(223, 223, 229, 1);
|
|
|
|
+ border-radius: 2px;
|
|
|
|
+ border: 0.5px solid rgba(185, 186, 208, 1);
|
|
|
|
+ }
|
|
|
|
|
|
- .dayCon {
|
|
|
|
- padding: 6px 15px;
|
|
|
|
|
|
+ .active {
|
|
|
|
+ background-color: #2c87c8 !important;
|
|
|
|
+ border-color: #2c87c8 !important;
|
|
|
|
+ color: #fff !important;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
|
|
- .dayName {
|
|
|
|
- padding: 6px 10px;
|
|
|
|
- background-color: rgba(223, 223, 229, 1);
|
|
|
|
- border-radius: 2px;
|
|
|
|
- border: 0.5px solid rgba(185, 186, 208, 1);
|
|
|
|
- }
|
|
|
|
|
|
+ .txt6 {
|
|
|
|
+ width: 112px;
|
|
|
|
+ height: 13px;
|
|
|
|
+ overflow-wrap: break-word;
|
|
|
|
+ color: rgba(64, 77, 116, 1);
|
|
|
|
+ font-size: 14px;
|
|
|
|
+ font-family: PingFangSC-Medium;
|
|
|
|
+ text-align: left;
|
|
|
|
+ white-space: nowrap;
|
|
|
|
+ line-height: 14px;
|
|
|
|
+ display: block;
|
|
|
|
+ margin: 18px 0 15px 15px;
|
|
|
|
+ }
|
|
|
|
|
|
- .active {
|
|
|
|
- background-color: #2c87c8 !important;
|
|
|
|
- border-color: #2c87c8 !important;
|
|
|
|
- color: #fff !important;
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
|
|
+ .outer4 {
|
|
|
|
+ width: 345px;
|
|
|
|
+ height: 38px;
|
|
|
|
+ margin: 20px 0 0 15px;
|
|
|
|
+
|
|
|
|
+ .mod3 {
|
|
|
|
+ background-color: rgba(223, 223, 229, 1);
|
|
|
|
+ border-radius: 2px;
|
|
|
|
+ height: 38px;
|
|
|
|
+ border: 0.5px solid rgba(185, 186, 208, 1);
|
|
|
|
+ width: 119px;
|
|
|
|
+
|
|
|
|
+ .word2 {
|
|
|
|
+ width: 26px;
|
|
|
|
+ height: 13px;
|
|
|
|
+ overflow-wrap: break-word;
|
|
|
|
+ color: rgba(64, 77, 116, 1);
|
|
|
|
+ font-size: 13px;
|
|
|
|
+ text-align: left;
|
|
|
|
+ white-space: nowrap;
|
|
|
|
+ line-height: 13px;
|
|
|
|
+ display: block;
|
|
|
|
+ margin: 13px 0 0 47px;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
|
|
- .txt6 {
|
|
|
|
- width: 112px;
|
|
|
|
- height: 13px;
|
|
|
|
- overflow-wrap: break-word;
|
|
|
|
- color: rgba(64, 77, 116, 1);
|
|
|
|
- font-size: 14px;
|
|
|
|
- font-family: PingFangSC-Medium;
|
|
|
|
- text-align: left;
|
|
|
|
- white-space: nowrap;
|
|
|
|
- line-height: 14px;
|
|
|
|
- display: block;
|
|
|
|
- margin: 18px 0 15px 15px;
|
|
|
|
- }
|
|
|
|
|
|
+ .Button1 {
|
|
|
|
+ background-color: rgba(223, 223, 229, 1);
|
|
|
|
+ border-radius: 2px;
|
|
|
|
+ height: 38px;
|
|
|
|
+ border: 0.5px solid rgba(185, 186, 208, 1);
|
|
|
|
+ width: 211px;
|
|
|
|
+
|
|
|
|
+ .word3 {
|
|
|
|
+ width: 117px;
|
|
|
|
+ height: 13px;
|
|
|
|
+ overflow-wrap: break-word;
|
|
|
|
+ color: rgba(64, 77, 116, 1);
|
|
|
|
+ font-size: 13px;
|
|
|
|
+ text-align: left;
|
|
|
|
+ white-space: nowrap;
|
|
|
|
+ line-height: 13px;
|
|
|
|
+ display: block;
|
|
|
|
+ margin: 13px 0 0 47px;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
|
|
- .outer4 {
|
|
|
|
- width: 345px;
|
|
|
|
- height: 38px;
|
|
|
|
- margin: 20px 0 0 15px;
|
|
|
|
-
|
|
|
|
- .mod3 {
|
|
|
|
- background-color: rgba(223, 223, 229, 1);
|
|
|
|
- border-radius: 2px;
|
|
|
|
- height: 38px;
|
|
|
|
- border: 0.5px solid rgba(185, 186, 208, 1);
|
|
|
|
- width: 119px;
|
|
|
|
-
|
|
|
|
- .word2 {
|
|
|
|
- width: 26px;
|
|
|
|
- height: 13px;
|
|
|
|
- overflow-wrap: break-word;
|
|
|
|
- color: rgba(64, 77, 116, 1);
|
|
|
|
- font-size: 13px;
|
|
|
|
- text-align: left;
|
|
|
|
- white-space: nowrap;
|
|
|
|
- line-height: 13px;
|
|
|
|
- display: block;
|
|
|
|
- margin: 13px 0 0 47px;
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
|
|
+ .outer5 {
|
|
|
|
+ width: 345px;
|
|
|
|
+ height: 38px;
|
|
|
|
+ margin: 15px 0 0 15px;
|
|
|
|
+
|
|
|
|
+ .bd1 {
|
|
|
|
+ background-color: rgba(223, 223, 229, 1);
|
|
|
|
+ border-radius: 2px;
|
|
|
|
+ height: 38px;
|
|
|
|
+ border: 0.5px solid rgba(185, 186, 208, 1);
|
|
|
|
+ width: 211px;
|
|
|
|
+
|
|
|
|
+ .word4 {
|
|
|
|
+ width: 117px;
|
|
|
|
+ height: 13px;
|
|
|
|
+ overflow-wrap: break-word;
|
|
|
|
+ color: rgba(64, 77, 116, 1);
|
|
|
|
+ font-size: 13px;
|
|
|
|
+ text-align: left;
|
|
|
|
+ white-space: nowrap;
|
|
|
|
+ line-height: 13px;
|
|
|
|
+ display: block;
|
|
|
|
+ margin: 13px 0 0 47px;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
|
|
- .Button1 {
|
|
|
|
- background-color: rgba(223, 223, 229, 1);
|
|
|
|
- border-radius: 2px;
|
|
|
|
- height: 38px;
|
|
|
|
- border: 0.5px solid rgba(185, 186, 208, 1);
|
|
|
|
- width: 211px;
|
|
|
|
-
|
|
|
|
- .word3 {
|
|
|
|
- width: 117px;
|
|
|
|
- height: 13px;
|
|
|
|
- overflow-wrap: break-word;
|
|
|
|
- color: rgba(64, 77, 116, 1);
|
|
|
|
- font-size: 13px;
|
|
|
|
- text-align: left;
|
|
|
|
- white-space: nowrap;
|
|
|
|
- line-height: 13px;
|
|
|
|
- display: block;
|
|
|
|
- margin: 13px 0 0 47px;
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
|
|
+ .bd2 {
|
|
|
|
+ background-color: rgba(223, 223, 229, 1);
|
|
|
|
+ border-radius: 2px;
|
|
|
|
+ height: 38px;
|
|
|
|
+ border: 0.5px solid rgba(185, 186, 208, 1);
|
|
|
|
+ width: 119px;
|
|
|
|
+
|
|
|
|
+ .word5 {
|
|
|
|
+ width: 39px;
|
|
|
|
+ height: 13px;
|
|
|
|
+ overflow-wrap: break-word;
|
|
|
|
+ color: rgba(64, 77, 116, 1);
|
|
|
|
+ font-size: 13px;
|
|
|
|
+ text-align: left;
|
|
|
|
+ white-space: nowrap;
|
|
|
|
+ line-height: 13px;
|
|
|
|
+ display: block;
|
|
|
|
+ margin: 13px 0 0 40px;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
|
|
- .outer5 {
|
|
|
|
- width: 345px;
|
|
|
|
- height: 38px;
|
|
|
|
- margin: 15px 0 0 15px;
|
|
|
|
-
|
|
|
|
- .bd1 {
|
|
|
|
- background-color: rgba(223, 223, 229, 1);
|
|
|
|
- border-radius: 2px;
|
|
|
|
- height: 38px;
|
|
|
|
- border: 0.5px solid rgba(185, 186, 208, 1);
|
|
|
|
- width: 211px;
|
|
|
|
-
|
|
|
|
- .word4 {
|
|
|
|
- width: 117px;
|
|
|
|
- height: 13px;
|
|
|
|
- overflow-wrap: break-word;
|
|
|
|
- color: rgba(64, 77, 116, 1);
|
|
|
|
- font-size: 13px;
|
|
|
|
- text-align: left;
|
|
|
|
- white-space: nowrap;
|
|
|
|
- line-height: 13px;
|
|
|
|
- display: block;
|
|
|
|
- margin: 13px 0 0 47px;
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
|
|
+ .ImageText1 {
|
|
|
|
+ height: 18px;
|
|
|
|
+ width: auto;
|
|
|
|
+ margin: 23px 0 0 15px;
|
|
|
|
|
|
- .bd2 {
|
|
|
|
- background-color: rgba(223, 223, 229, 1);
|
|
|
|
- border-radius: 2px;
|
|
|
|
- height: 38px;
|
|
|
|
- border: 0.5px solid rgba(185, 186, 208, 1);
|
|
|
|
- width: 119px;
|
|
|
|
-
|
|
|
|
- .word5 {
|
|
|
|
- width: 39px;
|
|
|
|
- height: 13px;
|
|
|
|
- overflow-wrap: break-word;
|
|
|
|
- color: rgba(64, 77, 116, 1);
|
|
|
|
- font-size: 13px;
|
|
|
|
- text-align: left;
|
|
|
|
- white-space: nowrap;
|
|
|
|
- line-height: 13px;
|
|
|
|
- display: block;
|
|
|
|
- margin: 13px 0 0 40px;
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
|
|
+ .mod4 {
|
|
|
|
+ width: 109px;
|
|
|
|
+ height: auto;
|
|
|
|
+
|
|
|
|
+ .TextGroup1 {
|
|
|
|
+ height: 13px;
|
|
|
|
+ margin-top: 2px;
|
|
|
|
+ width: auto;
|
|
|
|
+
|
|
|
|
+ .info4 {
|
|
|
|
+ width: auto;
|
|
|
|
+ height: 13px;
|
|
|
|
+ overflow-wrap: break-word;
|
|
|
|
+ color: rgba(64, 77, 116, 1);
|
|
|
|
+ font-size: 13px;
|
|
|
|
+ text-align: left;
|
|
|
|
+ white-space: nowrap;
|
|
|
|
+ line-height: 13px;
|
|
|
|
+ display: block;
|
|
}
|
|
}
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .section1 {
|
|
|
|
+ background-color: rgba(223, 223, 229, 1);
|
|
|
|
+ border-radius: 9px;
|
|
|
|
+ height: 18px;
|
|
|
|
+ width: 38px;
|
|
|
|
+
|
|
|
|
+ .van-switch {
|
|
|
|
+ width: 38px;
|
|
|
|
+ height: 18px;
|
|
|
|
|
|
- .ImageText1 {
|
|
|
|
|
|
+ .van-switch__node {
|
|
|
|
+ width: 18px;
|
|
height: 18px;
|
|
height: 18px;
|
|
- width: auto;
|
|
|
|
- margin: 23px 0 0 15px;
|
|
|
|
-
|
|
|
|
- .mod4 {
|
|
|
|
- width: 109px;
|
|
|
|
- height: auto;
|
|
|
|
-
|
|
|
|
- .TextGroup1 {
|
|
|
|
- height: 13px;
|
|
|
|
- margin-top: 2px;
|
|
|
|
- width: auto;
|
|
|
|
-
|
|
|
|
- .info4 {
|
|
|
|
- width: auto;
|
|
|
|
- height: 13px;
|
|
|
|
- overflow-wrap: break-word;
|
|
|
|
- color: rgba(64, 77, 116, 1);
|
|
|
|
- font-size: 13px;
|
|
|
|
- text-align: left;
|
|
|
|
- white-space: nowrap;
|
|
|
|
- line-height: 13px;
|
|
|
|
- display: block;
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- .section1 {
|
|
|
|
- background-color: rgba(223, 223, 229, 1);
|
|
|
|
- border-radius: 9px;
|
|
|
|
- height: 18px;
|
|
|
|
- width: 38px;
|
|
|
|
-
|
|
|
|
- .van-switch {
|
|
|
|
- width: 38px;
|
|
|
|
- height: 18px;
|
|
|
|
-
|
|
|
|
- .van-switch__node {
|
|
|
|
- width: 18px;
|
|
|
|
- height: 18px;
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- &.van-switch--on .van-switch__node {
|
|
|
|
- transform: translate(calc(38px - 18px));
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ &.van-switch--on .van-switch__node {
|
|
|
|
+ transform: translate(calc(38px - 18px));
|
|
|
|
+ }
|
|
}
|
|
}
|
|
|
|
+ }
|
|
}
|
|
}
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
|
|
- .van-checkbox__icon--checked .van-icon {
|
|
|
|
- background-color: #2c87c8;
|
|
|
|
- border-color: #2c87c8;
|
|
|
|
- }
|
|
|
|
|
|
+ .van-checkbox__icon--checked .van-icon {
|
|
|
|
+ background-color: #2c87c8;
|
|
|
|
+ border-color: #2c87c8;
|
|
|
|
+ }
|
|
|
|
|
|
- .van-switch--on {
|
|
|
|
- background-color: #2c87c8;
|
|
|
|
- }
|
|
|
|
|
|
+ .van-switch--on {
|
|
|
|
+ background-color: #2c87c8;
|
|
|
|
+ }
|
|
|
|
|
|
- .van-button--primary {
|
|
|
|
- background-color: #2c87c8;
|
|
|
|
- border-color: #2c87c8;
|
|
|
|
- }
|
|
|
|
|
|
+ .van-button--primary {
|
|
|
|
+ background-color: #2c87c8;
|
|
|
|
+ border-color: #2c87c8;
|
|
|
|
+ }
|
|
|
|
|
|
- .van-cascader__option--selected {
|
|
|
|
- color: #2c87c8;
|
|
|
|
- }
|
|
|
|
|
|
+ .van-cascader__option--selected {
|
|
|
|
+ color: #2c87c8;
|
|
|
|
+ }
|
|
|
|
|
|
- .van-tabs__line {
|
|
|
|
- background-color: #2c87c8 !important;
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
|
|
+ .van-tabs__line {
|
|
|
|
+ background-color: #2c87c8 !important;
|
|
|
|
+ }
|
|
|
|
+}
|