543 lines
12 KiB
CSS
543 lines
12 KiB
CSS
|
/* 水平间距 */
|
||
|
/* 水平间距 */
|
||
|
[data-v-c92109db]:root {
|
||
|
--essential-color-red:#EF4F3F;
|
||
|
--assist-color-green:#27BA9B;
|
||
|
--assist-color-orange:#E19A30;
|
||
|
--assist-color-orange:#FF4C4C;
|
||
|
|
||
|
--neutral-color-main:#2A2929;
|
||
|
--neutral-color-border:#D9D9D9;
|
||
|
--neutral-color-font:#818181;
|
||
|
--neutral-color-segmentation:#EEEEEE;
|
||
|
--neutral-color-white:#FFFFFF;
|
||
|
--neutral-color-placeholder:#C2C1C1;
|
||
|
--neutral-color-background:#F4F4F4;
|
||
|
--neutral-color-cancel:#F4F4F4;
|
||
|
--neutral-color-disable:#DEDEDE;
|
||
|
--neutral-color-disable1:#FADCD9;
|
||
|
|
||
|
--font-size-18:1.125rem;
|
||
|
--font-size-16:1rem;
|
||
|
--font-size-14:0.875rem;
|
||
|
--font-size-13:0.8125rem;
|
||
|
--font-size-12:0.75rem;
|
||
|
}
|
||
|
.detailsHead .head[data-v-c92109db] {
|
||
|
padding-top: 0.3125rem;
|
||
|
padding-top: 1.375rem;
|
||
|
background-color: var(--neutral-color-white);
|
||
|
display: flex;
|
||
|
justify-content: space-between;
|
||
|
text-align: center;
|
||
|
}
|
||
|
.detailsHead .head .title[data-v-c92109db] {
|
||
|
flex: 1;
|
||
|
padding-right: 2.8125rem;
|
||
|
line-height: 2.75rem;
|
||
|
font-weight: 600;
|
||
|
font-size: 1.125rem;
|
||
|
color: #2A2929;
|
||
|
}
|
||
|
/* 水平间距 */
|
||
|
/* 水平间距 */
|
||
|
.carInfo[data-v-4022c293] {
|
||
|
padding: 0.9375rem;
|
||
|
}
|
||
|
.carInfo .carImage[data-v-4022c293] {
|
||
|
width: 100%;
|
||
|
border-radius: 0.5rem;
|
||
|
}
|
||
|
.carInfo .info[data-v-4022c293] {
|
||
|
background: var(--neutral-color-white);
|
||
|
border-radius: 0.625rem;
|
||
|
padding: 1.25rem;
|
||
|
margin-top: 0.75rem;
|
||
|
font-size: var(--font-size-14);
|
||
|
}
|
||
|
.carInfo .info .line[data-v-4022c293] {
|
||
|
display: flex;
|
||
|
justify-content: space-between;
|
||
|
line-height: 2.5rem;
|
||
|
color: var(--neutral-color-main);
|
||
|
}
|
||
|
.carInfo .info .line .tit[data-v-4022c293] {
|
||
|
color: var(--neutral-color-font);
|
||
|
}
|
||
|
/* 水平间距 */
|
||
|
/* 水平间距 */
|
||
|
[data-v-60071293]:root {
|
||
|
--essential-color-red:#EF4F3F;
|
||
|
--assist-color-green:#27BA9B;
|
||
|
--assist-color-orange:#E19A30;
|
||
|
--assist-color-orange:#FF4C4C;
|
||
|
|
||
|
--neutral-color-main:#2A2929;
|
||
|
--neutral-color-border:#D9D9D9;
|
||
|
--neutral-color-font:#818181;
|
||
|
--neutral-color-segmentation:#EEEEEE;
|
||
|
--neutral-color-white:#FFFFFF;
|
||
|
--neutral-color-placeholder:#C2C1C1;
|
||
|
--neutral-color-background:#F4F4F4;
|
||
|
--neutral-color-cancel:#F4F4F4;
|
||
|
--neutral-color-disable:#DEDEDE;
|
||
|
--neutral-color-disable1:#FADCD9;
|
||
|
|
||
|
--font-size-18:1.125rem;
|
||
|
--font-size-16:1rem;
|
||
|
--font-size-14:0.875rem;
|
||
|
--font-size-13:0.8125rem;
|
||
|
--font-size-12:0.75rem;
|
||
|
}
|
||
|
.nav-bg[data-v-60071293] {
|
||
|
background-image: linear-gradient(205deg, #f25c4d 2%, #e52d21 100%, #e52d21 100%);
|
||
|
line-height: 2.5rem;
|
||
|
text-align: center;
|
||
|
color: var(--neutral-color-white);
|
||
|
}
|
||
|
.nav-bg[data-v-60071293] .uni-navbar__header-btns-left,
|
||
|
.nav-bg[data-v-60071293] .uni-navbar__header-btns-right {
|
||
|
display: none !important;
|
||
|
}
|
||
|
.nav-bg[data-v-60071293] .uni-icons {
|
||
|
background: url(../../static/search.png) 50% 50% no-repeat;
|
||
|
background-size: contain;
|
||
|
}
|
||
|
.nav-bg[data-v-60071293] .uni-input-placeholder {
|
||
|
color: #f9c5c0;
|
||
|
}
|
||
|
.nav-bg[data-v-60071293] .uni-input-input {
|
||
|
background: rgba(250, 250, 250, 0.24);
|
||
|
color: #f9c5c0;
|
||
|
}
|
||
|
.nav-bg .uni-badge-absolute[data-v-60071293] {
|
||
|
margin-left: 40px;
|
||
|
}
|
||
|
.nav-bg .rightText[data-v-60071293] {
|
||
|
text-align: center;
|
||
|
padding-left: 0.875rem;
|
||
|
}
|
||
|
.nav-bg .box[data-v-60071293] {
|
||
|
width: 1.0625rem;
|
||
|
height: 1.0625rem;
|
||
|
background-size: contain;
|
||
|
}
|
||
|
.nav-bg .box-text[data-v-60071293] {
|
||
|
text-align: center;
|
||
|
color: var(--neutral-color-white);
|
||
|
font-size: 12px;
|
||
|
}
|
||
|
.nav-bg[data-v-60071293] .uni-badge--error {
|
||
|
height: 0.75rem;
|
||
|
line-height: 0.75rem;
|
||
|
background: var(--neutral-color-white);
|
||
|
border-radius: 0.34375rem;
|
||
|
font-size: 0.5625rem;
|
||
|
color: #f25c4d;
|
||
|
right: -18px !important;
|
||
|
top: -3px !important;
|
||
|
}
|
||
|
.nav-bg .newInfo[data-v-60071293] {
|
||
|
color: var(--neutral-color-white);
|
||
|
font-size: 0.625rem;
|
||
|
line-height: 0.625rem;
|
||
|
}
|
||
|
/* 水平间距 */
|
||
|
/* 水平间距 */
|
||
|
.teskInfo[data-v-c24f0a09] {
|
||
|
text-align: center;
|
||
|
position: relative;
|
||
|
z-index: 1;
|
||
|
top: -5.625rem;
|
||
|
background: var(--neutral-color-white);
|
||
|
border-radius: 0.5rem;
|
||
|
padding: 0.8125rem 1.5rem;
|
||
|
}
|
||
|
.teskInfo .title[data-v-c24f0a09] {
|
||
|
padding-bottom: 0.625rem;
|
||
|
}
|
||
|
.teskInfo .info[data-v-c24f0a09] {
|
||
|
display: flex;
|
||
|
text-align: center;
|
||
|
justify-content: space-between;
|
||
|
line-height: 1.5rem;
|
||
|
color: var(--neutral-color-main);
|
||
|
}
|
||
|
.teskInfo .info .cl[data-v-c24f0a09] {
|
||
|
flex: 1;
|
||
|
}
|
||
|
.teskInfo .info .cl .num[data-v-c24f0a09] {
|
||
|
line-height: 3.125rem;
|
||
|
font-weight: 600;
|
||
|
font-size: var(--font-size-18);
|
||
|
}
|
||
|
.teskInfo .info .cl .title[data-v-c24f0a09] {
|
||
|
font-size: var(--font-size-12);
|
||
|
}
|
||
|
/* 水平间距 */
|
||
|
/* 水平间距 */
|
||
|
.uni-calendar-item__weeks-box[data-v-a78138e1] {
|
||
|
flex: 1;
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
justify-content: center;
|
||
|
align-items: center;
|
||
|
}
|
||
|
.uni-calendar-item__weeks-box-text[data-v-a78138e1] {
|
||
|
font-size: 14px;
|
||
|
color: #333;
|
||
|
}
|
||
|
.uni-calendar-item__weeks-lunar-text[data-v-a78138e1] {
|
||
|
font-size: 12px;
|
||
|
color: #333;
|
||
|
}
|
||
|
.uni-calendar-item__weeks-box-item[data-v-a78138e1] {
|
||
|
position: relative;
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
justify-content: center;
|
||
|
align-items: center;
|
||
|
width: 3.125rem;
|
||
|
height: 3.125rem;
|
||
|
}
|
||
|
.uni-calendar-item__weeks-box-circle[data-v-a78138e1] {
|
||
|
position: absolute;
|
||
|
top: 5px;
|
||
|
right: 5px;
|
||
|
width: 8px;
|
||
|
height: 8px;
|
||
|
border-radius: 8px;
|
||
|
background-color: #EF4F3F;
|
||
|
}
|
||
|
.uni-calendar-item--disable[data-v-a78138e1] {
|
||
|
background-color: rgba(249, 249, 249, 0.3);
|
||
|
color: #c0c0c0;
|
||
|
}
|
||
|
.uni-calendar-item--isDay-text[data-v-a78138e1] {
|
||
|
color: #EF4F3F;
|
||
|
}
|
||
|
.uni-calendar-item--isDay[data-v-a78138e1] {
|
||
|
background-color: #EF4F3F;
|
||
|
opacity: 0.8;
|
||
|
color: #fff;
|
||
|
}
|
||
|
.uni-calendar-item--extra[data-v-a78138e1] {
|
||
|
color: #EF4F3F;
|
||
|
opacity: 0.8;
|
||
|
}
|
||
|
.uni-calendar-item--checked[data-v-a78138e1] {
|
||
|
background-color: #EF4F3F;
|
||
|
color: #fff;
|
||
|
opacity: 0.8;
|
||
|
}
|
||
|
.uni-calendar-item--multiple[data-v-a78138e1] {
|
||
|
background-color: #EF4F3F;
|
||
|
color: #fff;
|
||
|
opacity: 0.8;
|
||
|
}
|
||
|
.uni-calendar-item--before-checked[data-v-a78138e1] {
|
||
|
background-color: #ff5a5f;
|
||
|
color: #fff;
|
||
|
}
|
||
|
.uni-calendar-item--after-checked[data-v-a78138e1] {
|
||
|
background-color: #ff5a5f;
|
||
|
color: #fff;
|
||
|
}
|
||
|
/* 水平间距 */
|
||
|
/* 水平间距 */
|
||
|
.uni-calendar[data-v-77fdc78f] {
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
}
|
||
|
.uni-calendar__mask[data-v-77fdc78f] {
|
||
|
position: fixed;
|
||
|
bottom: 0;
|
||
|
top: 0;
|
||
|
left: 0;
|
||
|
right: 0;
|
||
|
background-color: rgba(0, 0, 0, 0.4);
|
||
|
transition-property: opacity;
|
||
|
transition-duration: 0.3s;
|
||
|
opacity: 0;
|
||
|
z-index: 99;
|
||
|
}
|
||
|
.uni-calendar--mask-show[data-v-77fdc78f] {
|
||
|
opacity: 1;
|
||
|
}
|
||
|
.uni-calendar--fixed[data-v-77fdc78f] {
|
||
|
position: fixed;
|
||
|
left: 0;
|
||
|
right: 0;
|
||
|
transition-property: transform;
|
||
|
transition-duration: 0.3s;
|
||
|
transform: translateY(460px);
|
||
|
bottom: calc(var(--window-bottom));
|
||
|
z-index: 99;
|
||
|
}
|
||
|
.uni-calendar--ani-show[data-v-77fdc78f] {
|
||
|
transform: translateY(0);
|
||
|
}
|
||
|
.uni-calendar__header[data-v-77fdc78f] {
|
||
|
margin: 0.9375rem;
|
||
|
position: relative;
|
||
|
display: flex;
|
||
|
flex-direction: row;
|
||
|
justify-content: center;
|
||
|
align-items: center;
|
||
|
height: 50px;
|
||
|
}
|
||
|
.uni-calendar--fixed-top[data-v-77fdc78f] {
|
||
|
display: flex;
|
||
|
flex-direction: row;
|
||
|
justify-content: space-between;
|
||
|
border-top-color: #EDEDED;
|
||
|
border-top-style: solid;
|
||
|
border-top-width: 1px;
|
||
|
}
|
||
|
.uni-calendar--fixed-width[data-v-77fdc78f] {
|
||
|
width: 50px;
|
||
|
}
|
||
|
.uni-calendar__backtoday[data-v-77fdc78f] {
|
||
|
position: absolute;
|
||
|
right: 0;
|
||
|
top: 0.78125rem;
|
||
|
padding: 0 5px;
|
||
|
padding-left: 10px;
|
||
|
height: 25px;
|
||
|
line-height: 25px;
|
||
|
font-size: 12px;
|
||
|
border-top-left-radius: 25px;
|
||
|
border-bottom-left-radius: 25px;
|
||
|
color: #333;
|
||
|
background-color: #f1f1f1;
|
||
|
}
|
||
|
.uni-calendar__header-text[data-v-77fdc78f] {
|
||
|
text-align: center;
|
||
|
width: 100px;
|
||
|
font-size: 18px;
|
||
|
font-weight: 500;
|
||
|
color: #333;
|
||
|
}
|
||
|
.uni-calendar__header-btn-box[data-v-77fdc78f] {
|
||
|
display: flex;
|
||
|
flex-direction: row;
|
||
|
align-items: center;
|
||
|
justify-content: center;
|
||
|
width: 50px;
|
||
|
height: 50px;
|
||
|
}
|
||
|
.uni-calendar__header-btn[data-v-77fdc78f] {
|
||
|
width: 10px;
|
||
|
height: 10px;
|
||
|
border-left-color: #808080;
|
||
|
border-left-style: solid;
|
||
|
border-left-width: 2px;
|
||
|
border-top-color: #555555;
|
||
|
border-top-style: solid;
|
||
|
border-top-width: 2px;
|
||
|
}
|
||
|
.uni-calendar--left[data-v-77fdc78f] {
|
||
|
transform: rotate(-45deg);
|
||
|
}
|
||
|
.uni-calendar--right[data-v-77fdc78f] {
|
||
|
transform: rotate(135deg);
|
||
|
}
|
||
|
.uni-calendar__weeks[data-v-77fdc78f] {
|
||
|
position: relative;
|
||
|
border-bottom: solid 0.0625rem #f4f4f4;
|
||
|
display: flex;
|
||
|
flex-direction: row;
|
||
|
border-bottom: solid 0.0625rem #f4f4f4;
|
||
|
}
|
||
|
.uni-calendar__weeks-item[data-v-77fdc78f] {
|
||
|
flex: 1;
|
||
|
}
|
||
|
.uni-calendar__weeks-day[data-v-77fdc78f] {
|
||
|
flex: 1;
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
justify-content: center;
|
||
|
align-items: center;
|
||
|
height: 45px;
|
||
|
border-bottom-color: #F4F4F4;
|
||
|
border-bottom-style: solid;
|
||
|
border-bottom-width: 1px;
|
||
|
}
|
||
|
.uni-calendar__weeks-day-text[data-v-77fdc78f] {
|
||
|
font-size: 12px;
|
||
|
color: #818181;
|
||
|
}
|
||
|
.uni-calendar__box[data-v-77fdc78f] {
|
||
|
position: relative;
|
||
|
background: #fff;
|
||
|
}
|
||
|
.uni-calendar__box-bg[data-v-77fdc78f] {
|
||
|
display: flex;
|
||
|
justify-content: center;
|
||
|
align-items: center;
|
||
|
position: absolute;
|
||
|
top: 0;
|
||
|
left: 0;
|
||
|
right: 0;
|
||
|
bottom: 0;
|
||
|
}
|
||
|
.uni-calendar__box-bg-text[data-v-77fdc78f] {
|
||
|
font-size: 200px;
|
||
|
font-weight: bold;
|
||
|
color: #999;
|
||
|
opacity: 0.1;
|
||
|
text-align: center;
|
||
|
line-height: 1;
|
||
|
}
|
||
|
/* 水平间距 */
|
||
|
/* 水平间距 */
|
||
|
.taskCont[data-v-58aa4eec] {
|
||
|
position: relative;
|
||
|
margin-bottom: 1.25rem;
|
||
|
}
|
||
|
.taskCont .task[data-v-58aa4eec] {
|
||
|
top: 0;
|
||
|
border-radius: 0;
|
||
|
}
|
||
|
/* 水平间距 */
|
||
|
/* 水平间距 */
|
||
|
.uni-popup[data-v-46207deb] {
|
||
|
position: fixed;
|
||
|
z-index: 99;
|
||
|
}
|
||
|
.uni-popup.top[data-v-46207deb], .uni-popup.left[data-v-46207deb], .uni-popup.right[data-v-46207deb] {
|
||
|
top: 0;
|
||
|
}
|
||
|
.uni-popup .uni-popup__wrapper[data-v-46207deb] {
|
||
|
display: block;
|
||
|
position: relative;
|
||
|
/* iphonex 等安全区设置,底部安全区适配 */
|
||
|
}
|
||
|
.uni-popup .uni-popup__wrapper.left[data-v-46207deb], .uni-popup .uni-popup__wrapper.right[data-v-46207deb] {
|
||
|
padding-top: 0;
|
||
|
flex: 1;
|
||
|
}
|
||
|
.fixforpc-z-index[data-v-46207deb] {
|
||
|
z-index: 999;
|
||
|
}
|
||
|
.fixforpc-top[data-v-46207deb] {
|
||
|
top: 0;
|
||
|
}
|
||
|
/* 水平间距 */
|
||
|
/* 水平间距 */
|
||
|
.uni-popup-dialog[data-v-e6482e09] {
|
||
|
width: 300px;
|
||
|
border-radius: 11px;
|
||
|
background-color: #fff;
|
||
|
}
|
||
|
.uni-dialog-title[data-v-e6482e09] {
|
||
|
display: flex;
|
||
|
flex-direction: row;
|
||
|
justify-content: center;
|
||
|
padding-top: 25px;
|
||
|
}
|
||
|
.uni-dialog-title-text[data-v-e6482e09] {
|
||
|
font-size: 16px;
|
||
|
font-weight: 500;
|
||
|
}
|
||
|
.uni-dialog-content[data-v-e6482e09] {
|
||
|
display: flex;
|
||
|
flex-direction: row;
|
||
|
justify-content: center;
|
||
|
align-items: center;
|
||
|
padding: 20px;
|
||
|
}
|
||
|
.uni-dialog-content-text[data-v-e6482e09] {
|
||
|
font-size: 14px;
|
||
|
color: #6C6C6C;
|
||
|
}
|
||
|
.uni-dialog-button-group[data-v-e6482e09] {
|
||
|
display: flex;
|
||
|
flex-direction: row;
|
||
|
border-top-color: #f5f5f5;
|
||
|
border-top-style: solid;
|
||
|
border-top-width: 1px;
|
||
|
}
|
||
|
.uni-dialog-button[data-v-e6482e09] {
|
||
|
display: flex;
|
||
|
flex: 1;
|
||
|
flex-direction: row;
|
||
|
justify-content: center;
|
||
|
align-items: center;
|
||
|
height: 45px;
|
||
|
}
|
||
|
.uni-border-left[data-v-e6482e09] {
|
||
|
border-left-color: #f0f0f0;
|
||
|
border-left-style: solid;
|
||
|
border-left-width: 1px;
|
||
|
}
|
||
|
.uni-dialog-button-text[data-v-e6482e09] {
|
||
|
font-size: 16px;
|
||
|
color: #333;
|
||
|
}
|
||
|
.uni-button-color[data-v-e6482e09] {
|
||
|
color: #EF4F3F;
|
||
|
}
|
||
|
.uni-dialog-input[data-v-e6482e09] {
|
||
|
flex: 1;
|
||
|
font-size: 14px;
|
||
|
border: 1px #eee solid;
|
||
|
height: 40px;
|
||
|
padding: 0 10px;
|
||
|
border-radius: 5px;
|
||
|
color: #555;
|
||
|
}
|
||
|
.uni-popup__success[data-v-e6482e09] {
|
||
|
color: #4cd964;
|
||
|
}
|
||
|
.uni-popup__warn[data-v-e6482e09] {
|
||
|
color: #f0ad4e;
|
||
|
}
|
||
|
.uni-popup__error[data-v-e6482e09] {
|
||
|
color: #dd524d;
|
||
|
}
|
||
|
.uni-popup__info[data-v-e6482e09] {
|
||
|
color: #909399;
|
||
|
}
|
||
|
/* 水平间距 */
|
||
|
/* 水平间距 */
|
||
|
[data-v-91656a5a] .uni-dialog-title {
|
||
|
padding: 0;
|
||
|
}
|
||
|
[data-v-91656a5a] .uni-dialog-content {
|
||
|
padding: 2.5rem 0 1.875rem 0;
|
||
|
font-size: var(--font-size-16);
|
||
|
}
|
||
|
[data-v-91656a5a] .uni-dialog-content-text {
|
||
|
font-size: var(--font-size-16);
|
||
|
color: var(--neutral-color-main);
|
||
|
}
|
||
|
.systmSet .navList[data-v-91656a5a] {
|
||
|
position: relative;
|
||
|
background: var(--neutral-color-white);
|
||
|
border-radius: 0.5rem;
|
||
|
padding: 0 1.5rem;
|
||
|
margin: 1.25rem 0.9375rem 2.5rem 0.9375rem;
|
||
|
font-size: var(--font-size-16);
|
||
|
}
|
||
|
.systmSet .navList .line[data-v-91656a5a] {
|
||
|
line-height: 3.5625rem;
|
||
|
border-bottom: solid 0.0625rem var(--neutral-color-cancel);
|
||
|
display: flex;
|
||
|
justify-content: space-between;
|
||
|
align-items: center;
|
||
|
}
|
||
|
.systmSet .navList .line .icon[data-v-91656a5a] {
|
||
|
width: 1.5rem;
|
||
|
height: 1.5rem;
|
||
|
}
|
||
|
.systmSet .navList .line[data-v-91656a5a]:last-child {
|
||
|
border: none;
|
||
|
}
|
||
|
.systmSet .back[data-v-91656a5a] {
|
||
|
text-align: center;
|
||
|
line-height: 3.75rem;
|
||
|
font-size: var(--font-size-16);
|
||
|
}
|
||
|
/* 水平间距 */
|
||
|
/* 水平间距 */
|