106 lines
2.4 KiB
CSS
106 lines
2.4 KiB
CSS
|
:root {
|
||
|
|
--van-nav-bar-height: 46px;
|
||
|
|
--van-nav-bar-background: var(--van-background-2);
|
||
|
|
--van-nav-bar-arrow-size: 16px;
|
||
|
|
--van-nav-bar-icon-color: var(--van-primary-color);
|
||
|
|
--van-nav-bar-text-color: var(--van-primary-color);
|
||
|
|
--van-nav-bar-title-font-size: var(--van-font-size-lg);
|
||
|
|
--van-nav-bar-title-text-color: var(--van-text-color);
|
||
|
|
--van-nav-bar-z-index: 1;
|
||
|
|
--van-nav-bar-disabled-opacity: var(--van-disabled-opacity);
|
||
|
|
}
|
||
|
|
.van-nav-bar {
|
||
|
|
position: relative;
|
||
|
|
z-index: var(--van-nav-bar-z-index);
|
||
|
|
line-height: var(--van-line-height-lg);
|
||
|
|
text-align: center;
|
||
|
|
background: var(--van-nav-bar-background);
|
||
|
|
-webkit-user-select: none;
|
||
|
|
user-select: none;
|
||
|
|
}
|
||
|
|
.van-nav-bar--fixed {
|
||
|
|
position: fixed;
|
||
|
|
top: 0;
|
||
|
|
left: 0;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
.van-nav-bar--safe-area-inset-top {
|
||
|
|
padding-top: constant(safe-area-inset-top);
|
||
|
|
padding-top: env(safe-area-inset-top);
|
||
|
|
}
|
||
|
|
.van-nav-bar .van-icon {
|
||
|
|
color: var(--van-nav-bar-icon-color);
|
||
|
|
}
|
||
|
|
.van-nav-bar__content {
|
||
|
|
position: relative;
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
height: var(--van-nav-bar-height);
|
||
|
|
}
|
||
|
|
.van-nav-bar__arrow {
|
||
|
|
margin-right: var(--van-padding-base);
|
||
|
|
font-size: var(--van-nav-bar-arrow-size);
|
||
|
|
}
|
||
|
|
.van-nav-bar__title {
|
||
|
|
max-width: 60%;
|
||
|
|
margin: 0 auto;
|
||
|
|
color: var(--van-nav-bar-title-text-color);
|
||
|
|
font-weight: var(--van-font-bold);
|
||
|
|
font-size: var(--van-nav-bar-title-font-size);
|
||
|
|
}
|
||
|
|
.van-nav-bar__left,
|
||
|
|
.van-nav-bar__right {
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
bottom: 0;
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
padding: 0 var(--van-padding-md);
|
||
|
|
font-size: var(--van-font-size-md);
|
||
|
|
}
|
||
|
|
.van-nav-bar__left--disabled,
|
||
|
|
.van-nav-bar__right--disabled {
|
||
|
|
cursor: not-allowed;
|
||
|
|
opacity: var(--van-nav-bar-disabled-opacity);
|
||
|
|
}
|
||
|
|
.van-nav-bar__left {
|
||
|
|
left: 0;
|
||
|
|
}
|
||
|
|
.van-nav-bar__right {
|
||
|
|
right: 0;
|
||
|
|
}
|
||
|
|
.van-nav-bar__text {
|
||
|
|
color: var(--van-nav-bar-text-color);
|
||
|
|
}
|
||
|
|
.wdis[data-v-21daf3cf] {
|
||
|
|
display: inline-block;
|
||
|
|
margin-top: 3rem;
|
||
|
|
margin-left: 1rem;
|
||
|
|
}
|
||
|
|
.listS[data-v-21daf3cf] {
|
||
|
|
position: absolute;
|
||
|
|
right: 3rem;
|
||
|
|
}
|
||
|
|
.listS div[data-v-21daf3cf] {
|
||
|
|
display: inline-block;
|
||
|
|
background: #5b56e8;
|
||
|
|
color: #fff;
|
||
|
|
height: 8rem;
|
||
|
|
line-height: 8rem;
|
||
|
|
}
|
||
|
|
[data-v-21daf3cf] .van-cell__title {
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
}
|
||
|
|
.linear[data-v-21daf3cf] {
|
||
|
|
background: linear-gradient(to bottom, #d6d4fe, #f1f1f1);
|
||
|
|
}
|
||
|
|
.bggr[data-v-21daf3cf] {
|
||
|
|
background: #d6d4fe;
|
||
|
|
}
|
||
|
|
.bgmain[data-v-21daf3cf] {
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
background: #f1f1f1;
|
||
|
|
}
|