xsl
9eec4369da
Preserve H5 flows while adding Taobao identity, native capture, reports and isolated local development. Fix canceled province selection and expired-session logout. Record passing local regressions, two pre-existing H5 assertion failures and pending platform validation.
145 lines
2.8 KiB
Plaintext
145 lines
2.8 KiB
Plaintext
/* ═════ 启动页样式 ═════ */
|
|
.splash {
|
|
position: relative;
|
|
width: 100%;
|
|
height: 100vh;
|
|
overflow: hidden;
|
|
}
|
|
.splash-bg {
|
|
position: absolute;
|
|
left: 0; top: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.splash-slogan {
|
|
position: absolute;
|
|
top: 200rpx;
|
|
left: 0;
|
|
right: 0;
|
|
text-align: center;
|
|
color: #FFFFFF;
|
|
}
|
|
.splash-slogan text {
|
|
display: block;
|
|
font-size: 44rpx;
|
|
font-weight: 600;
|
|
line-height: 1.6;
|
|
}
|
|
|
|
.splash-bottom {
|
|
position: absolute;
|
|
left: 0; right: 0; bottom: 0;
|
|
padding: 0 64rpx 96rpx;
|
|
box-sizing: border-box;
|
|
}
|
|
.brand-row {
|
|
display: flex;
|
|
align-items: center;
|
|
margin-bottom: 32rpx;
|
|
}
|
|
.brand-logo {
|
|
height: 48rpx;
|
|
margin-right: 16rpx;
|
|
}
|
|
.brand-text {
|
|
color: #FFFFFF;
|
|
font-size: 32rpx;
|
|
font-weight: 600;
|
|
}
|
|
|
|
/* ─── 隐私授权弹窗 ─── */
|
|
.privacy-row {
|
|
display: flex;
|
|
align-items: center;
|
|
margin-bottom: 32rpx;
|
|
}
|
|
.checkbox {
|
|
width: 36rpx;
|
|
height: 36rpx;
|
|
border: 2rpx solid #E5E5E5;
|
|
border-radius: 50%;
|
|
margin-right: 16rpx;
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
}
|
|
.checkbox.checked {
|
|
background: #F5F078;
|
|
border-color: #F5F078;
|
|
}
|
|
.checkbox.checked::after {
|
|
content: '';
|
|
position: absolute;
|
|
left: 10rpx;
|
|
top: 6rpx;
|
|
width: 8rpx;
|
|
height: 14rpx;
|
|
border-right: 4rpx solid #282828;
|
|
border-bottom: 4rpx solid #282828;
|
|
transform: rotate(45deg);
|
|
}
|
|
.privacy-text {
|
|
font-size: 26rpx;
|
|
color: #4A4A4A;
|
|
}
|
|
.privacy-link {
|
|
color: #282828;
|
|
text-decoration: underline;
|
|
}
|
|
.popup-btn { width: 100%; }
|
|
|
|
/* ─── 隐私协议全文弹层 ─── */
|
|
.overlay-policy { padding: 0; }
|
|
.policy-page {
|
|
position: relative;
|
|
width: 100%;
|
|
height: 100%;
|
|
background: #FFFFFF;
|
|
}
|
|
.policy-back {
|
|
position: absolute;
|
|
top: 24rpx;
|
|
left: 24rpx;
|
|
z-index: 2;
|
|
width: 64rpx;
|
|
height: 64rpx;
|
|
line-height: 56rpx;
|
|
font-size: 56rpx;
|
|
color: #282828;
|
|
background: none;
|
|
padding: 0;
|
|
}
|
|
.policy-back::after { border: none; }
|
|
.policy-scroll {
|
|
height: 100%;
|
|
box-sizing: border-box;
|
|
padding: 96rpx 40rpx 64rpx;
|
|
}
|
|
.policy-title {
|
|
font-size: 36rpx;
|
|
font-weight: 700;
|
|
margin-bottom: 40rpx;
|
|
}
|
|
.policy-h2 {
|
|
font-size: 30rpx;
|
|
font-weight: 600;
|
|
margin: 40rpx 0 16rpx;
|
|
}
|
|
.policy-p {
|
|
font-size: 26rpx;
|
|
color: #4A4A4A;
|
|
line-height: 1.8;
|
|
margin-bottom: 16rpx;
|
|
}
|
|
.policy-end {
|
|
text-align: center;
|
|
color: #868686;
|
|
font-size: 24rpx;
|
|
margin: 48rpx 0;
|
|
}
|
|
.account-links { display: flex; justify-content: center; gap: 40rpx; color: #fff; margin-top: 24rpx; font-size: 24rpx; }
|
|
.splash-slogan { top: 10.7%; }
|
|
.splash-slogan text { font-size: 44rpx; line-height: 1.4; }
|
|
.brand-row { justify-content: center; }
|
|
.brand-logo { width: 450rpx; height: 52rpx; margin: 0; }
|
|
.camera-debug-entry { position: absolute; z-index: 2; top: 24rpx; right: 24rpx; padding: 16rpx 24rpx; border-radius: 16rpx; color: #fff; background: rgba(0,0,0,.65); font-size: 24rpx; }
|