156 lines
2.9 KiB
SCSS
156 lines
2.9 KiB
SCSS
@import "@/uni.scss";
|
|
|
|
// 旧版
|
|
:root,
|
|
.default-theme {
|
|
--main-color: #00C8D5;
|
|
--bg-color: #00CCD8;
|
|
--bg-color2: #0B7FB4;
|
|
--bg-color3: #049EBB;
|
|
--bg-popup: #049EBB;
|
|
--left-linear: #00B0BC;
|
|
--left-linear2: #00B0BC;
|
|
--right-linear: #0A7EB7;
|
|
--btn-color1: #0A85B7;
|
|
--btn-color2: #47A4B6;
|
|
--btn-color3: #0A84B8;
|
|
--btn-color4: #049CBB;
|
|
--btn-color5: #0790B9;
|
|
--stress-color: #FFFFFF;
|
|
--stress-color2: #049EBB;
|
|
--active-color: #00A7BE;
|
|
--text-color: #FFFFFF;
|
|
--stress-text: #045459;
|
|
--rgb-color: 0, 84, 118;
|
|
--blackOrWhite:#000000; //默认是黑 金刚是白
|
|
--whiteOrBlack:#FFFFFF; //默认是白 金刚是黑
|
|
}
|
|
|
|
// 英文语言类
|
|
// .en_lang {
|
|
// @for $i from 10 through 36 {
|
|
// --f#{$i}: #{$i}rpx;
|
|
// }
|
|
// }
|
|
// // 中文比英文大两号
|
|
// // 中文语言类，使用前缀并调整值
|
|
// .zh_lang {
|
|
// @for $i from 10 through 36 {
|
|
// --f#{$i}: #{($i + 2)}rpx; // 添加了前缀并增加了2rpx
|
|
// }
|
|
// }
|
|
|
|
|
|
.golden-theme {
|
|
--main-color: #FEBD00;
|
|
--bg-color: #0F2232;
|
|
--bg-color2: #0F2232;
|
|
--bg-color3: #0F2232;
|
|
--bg-popup: #FFCC37;
|
|
--left-linear: #FEBD00;
|
|
--left-linear2: #FFA600;
|
|
--right-linear: #FEBD00;
|
|
--btn-color1: #FEBD00;
|
|
--btn-color2: #DEB150;
|
|
--btn-color3: #FEBD00;
|
|
--btn-color4: #FFBE00;
|
|
--btn-color5: #FFBE00;
|
|
--stress-color: #FEBD00;
|
|
--stress-color2: #FEB200;
|
|
--active-color: #FEBD00;
|
|
--text-color: #0F2232;
|
|
--stress-text: #0F2232;
|
|
--rgb-color: 246, 189, 66;
|
|
--blackOrWhite:#FFFFFF;
|
|
--whiteOrBlack:#000000;
|
|
}
|
|
|
|
* {
|
|
font-family:
|
|
"PingFang SC",
|
|
"Microsoft YaHei",
|
|
-apple-system,
|
|
BlinkMacSystemFont,
|
|
"Segoe UI",
|
|
Roboto,
|
|
Helvetica,
|
|
Arial,
|
|
sans-serif;
|
|
}
|
|
|
|
.location-popup {
|
|
display: flex;
|
|
align-items: start;
|
|
justify-content: center;
|
|
height: 100%;
|
|
|
|
& > .select-area-wrap {
|
|
display: flex;
|
|
position: fixed;
|
|
width: 750rpx;
|
|
margin-top: 128rpx;
|
|
padding: 40rpx 0;
|
|
background-color: var(--bg-popup);
|
|
|
|
.inner-wrap {
|
|
width: 50%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: flex-start;
|
|
overflow: hidden;
|
|
overflow-y: scroll;
|
|
padding-left: 40px;
|
|
}
|
|
|
|
.top-wrap {
|
|
display: flex;
|
|
margin-bottom: 20rpx;
|
|
|
|
.text {
|
|
font-weight: bold;
|
|
margin-left: 16rpx;
|
|
}
|
|
}
|
|
|
|
.select-wrap {
|
|
max-height: calc(100vh - 400rpx);
|
|
overflow: auto;
|
|
|
|
.select-item {
|
|
display: flex;
|
|
align-items: center;
|
|
margin-bottom: 20rpx;
|
|
|
|
.circle {
|
|
min-width: 40rpx;
|
|
min-height: 40rpx;
|
|
width: 40rpx;
|
|
height: 40rpx;
|
|
margin-right: 30rpx;
|
|
background: #FFFFFF;
|
|
border-radius: 50%;
|
|
border: 2px solid #000000;
|
|
}
|
|
|
|
.name {
|
|
font-weight: bold;
|
|
}
|
|
|
|
&.select {
|
|
.circle {
|
|
background: var(--main-color);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.border {
|
|
position: absolute;
|
|
top: 40rpx;
|
|
left: 50%;
|
|
width: 2px;
|
|
height: calc(100% - 80rpx);
|
|
background: #000000;
|
|
}
|
|
}
|
|
} |