小程序提交
This commit is contained in:
@ -1,43 +1,34 @@
|
||||
/* 切换按钮样式 */
|
||||
.switch {
|
||||
font-size: 30rpx; /* 基础字体大小 */
|
||||
font-family: SourceHanSansCN;
|
||||
}
|
||||
.switch.active {
|
||||
font-size: 36rpx; /* 激活时更大 */
|
||||
font-weight: bold; /* 加粗 */
|
||||
color: #1c2023;
|
||||
}
|
||||
.switch.inactive {
|
||||
color: #888888; /* 不活跃时灰色 */
|
||||
}
|
||||
|
||||
/* 其它原来样式保持不变 */
|
||||
.mt-21 {
|
||||
.mt-21 {
|
||||
margin-top: 39.38rpx;
|
||||
}
|
||||
.page {
|
||||
padding: 105rpx 45.69rpx 381.68rpx 49.76rpx;
|
||||
padding: 105rpx 36.56rpx 40.31rpx 49.76rpx;
|
||||
background-color: #ffffff;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
height: 100%;
|
||||
}
|
||||
.image {
|
||||
width: 232.5rpx;
|
||||
height: 232.5rpx;
|
||||
}
|
||||
.text {
|
||||
margin-top: 35.14rpx;
|
||||
color: #1c2023;
|
||||
font-size: 37.5rpx;
|
||||
font-family: AlibabaPuHuiTi;
|
||||
line-height: 35.21rpx;
|
||||
}
|
||||
.group {
|
||||
margin-top: 145.01rpx;
|
||||
margin-top: 35.14rpx;
|
||||
}
|
||||
.font {
|
||||
font-size: 37.5rpx;
|
||||
font-family: AlibabaPuHuiTi;
|
||||
line-height: 34.73rpx;
|
||||
color: #1c2023;
|
||||
}
|
||||
.text {
|
||||
line-height: 35.21rpx;
|
||||
}
|
||||
.group_2 {
|
||||
margin-top: 87.15rpx;
|
||||
}
|
||||
.font_2 {
|
||||
font-size: 30rpx;
|
||||
font-family: SourceHanSansCN;
|
||||
line-height: 27.69rpx;
|
||||
@ -51,10 +42,11 @@
|
||||
}
|
||||
.group_1 {
|
||||
padding-left: 2.74rpx;
|
||||
padding-right: 2.74rpx;
|
||||
}
|
||||
.section {
|
||||
margin-right: 4.93rpx;
|
||||
padding: 20.63rpx 0 18.75rpx;
|
||||
margin-right: 11.32rpx;
|
||||
padding: 20.63rpx 16.88rpx 18.75rpx;
|
||||
background-color: #ffffff;
|
||||
border-radius: 9.38rpx;
|
||||
box-shadow: 0rpx 3.75rpx 11.25rpx #00000040;
|
||||
@ -62,48 +54,57 @@
|
||||
.text-wrapper {
|
||||
margin-left: 16.88rpx;
|
||||
margin-right: 16.88rpx;
|
||||
}
|
||||
.view {
|
||||
padding: 15.92rpx 0 12.64rpx;
|
||||
background-color: #ffffff00;
|
||||
margin-right: 100rpx;
|
||||
}
|
||||
.font_3 {
|
||||
font-size: 30rpx;
|
||||
font-family: SourceHanSansCN;
|
||||
line-height: 27.69rpx;
|
||||
color: #b3b3b3;
|
||||
}
|
||||
.text_4 {
|
||||
margin-left: 16.26rpx;
|
||||
}
|
||||
.section_2 {
|
||||
margin-right: 4.93rpx;
|
||||
margin-right: 11.32rpx;
|
||||
padding: 20.63rpx 16.88rpx 18.75rpx;
|
||||
background-color: #ffffff;
|
||||
border-radius: 9.38rpx;
|
||||
box-shadow: 0rpx 3.75rpx 7.5rpx #00000040;
|
||||
}
|
||||
.text-wrapper_2 {
|
||||
flex: 1 1 0;
|
||||
.text_5 {
|
||||
margin-left: 16.26rpx;
|
||||
line-height: 27.86rpx;
|
||||
}
|
||||
.view_2 {
|
||||
padding: 11.96rpx 0 16.43rpx;
|
||||
background-color: #ffffff00;
|
||||
height: 76.25rpx;
|
||||
.text-wrapper_3 {
|
||||
margin-right: 5.63rpx;
|
||||
padding: 13.16rpx 0 10.93rpx;
|
||||
background-color: #ff8d1a;
|
||||
border-radius: 9.38rpx;
|
||||
width: 157.5rpx;
|
||||
height: 45rpx;
|
||||
}
|
||||
.text_6 {
|
||||
margin-right: 14.72rpx;
|
||||
color: #f7810a;
|
||||
font-size: 26.25rpx;
|
||||
color: #ffffff;
|
||||
font-size: 22.5rpx;
|
||||
font-family: AlibabaPuHuiTi;
|
||||
line-height: 23.94rpx;
|
||||
line-height: 20.91rpx;
|
||||
}
|
||||
.get-code {
|
||||
/* 可根据需求再调样式 */
|
||||
}
|
||||
.font_3 {
|
||||
.font_4 {
|
||||
font-size: 26.25rpx;
|
||||
font-family: SourceHanSansCN;
|
||||
line-height: 24.49rpx;
|
||||
color: #383838;
|
||||
}
|
||||
.text_7 {
|
||||
margin-right: 6.39rpx;
|
||||
margin-top: 28.76rpx;
|
||||
line-height: 24.36rpx;
|
||||
}
|
||||
.text-wrapper_3 {
|
||||
margin-right: 4.93rpx;
|
||||
.text-wrapper_4 {
|
||||
margin-right: 11.32rpx;
|
||||
margin-top: 46.26rpx;
|
||||
padding: 36.73rpx 0 34.16rpx;
|
||||
background-color: #ff8d1a;
|
||||
@ -115,14 +116,21 @@
|
||||
font-family: AlibabaPuHuiTi;
|
||||
line-height: 26.61rpx;
|
||||
}
|
||||
.group_2 {
|
||||
.group_3 {
|
||||
margin-top: 48.75rpx;
|
||||
}
|
||||
.group_3 {
|
||||
.image_2 {
|
||||
flex-shrink: 0;
|
||||
}
|
||||
.image_1 {
|
||||
width: 37.5rpx;
|
||||
height: 37.5rpx;
|
||||
}
|
||||
.group_4 {
|
||||
line-height: 24.49rpx;
|
||||
height: 24.56rpx;
|
||||
}
|
||||
.font_4 {
|
||||
.font_5 {
|
||||
font-size: 26.25rpx;
|
||||
font-family: SourceHanSansCN;
|
||||
line-height: 24.49rpx;
|
||||
@ -138,7 +146,7 @@
|
||||
font-family: SourceHanSansCN;
|
||||
line-height: 19.93rpx;
|
||||
}
|
||||
.group_4 {
|
||||
.group_5 {
|
||||
margin-top: 43.91rpx;
|
||||
line-height: 24.41rpx;
|
||||
}
|
||||
@ -148,16 +156,35 @@
|
||||
.text_12 {
|
||||
line-height: 24.41rpx;
|
||||
}
|
||||
.input {
|
||||
padding: 15rpx 16.26rpx 13.13rpx 16.26rpx;
|
||||
.section_3 {
|
||||
margin-top: 100.11rpx;
|
||||
padding: 12.06rpx 21.69rpx 12.32rpx 24.15rpx;
|
||||
background-color: #ffffff;
|
||||
border-radius: 9.38rpx;
|
||||
width: 215.63rpx;
|
||||
border: solid 1.88rpx #ff8d1a;
|
||||
}
|
||||
.input_1 {
|
||||
padding: 15rpx 16.26rpx 13.13rpx 16.26rpx;
|
||||
.text_13 {
|
||||
color: #ff8d1a;
|
||||
line-height: 27.66rpx;
|
||||
}
|
||||
.checkbox {
|
||||
flex-shrink: 0;
|
||||
.image_3 {
|
||||
width: 41.25rpx;
|
||||
height: 41.25rpx;
|
||||
}
|
||||
|
||||
/* 欢迎文本加粗 */
|
||||
.bold-text {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* 切换按钮默认样式，保持原 font_2 大小；active 时放大加粗 */
|
||||
.toggle-text {
|
||||
font-size: 28rpx;
|
||||
font-weight: normal;
|
||||
transition: font-size 0.2s;
|
||||
}
|
||||
.toggle-text.active {
|
||||
font-size: 36rpx;
|
||||
font-weight: bold;
|
||||
}
|
||||
.checkbox .wx-checkbox-input {
|
||||
width: 37.5rpx;
|
||||
height: 37.5rpx;
|
||||
}
|
||||
Reference in New Issue
Block a user