|
@@ -1,137 +1,137 @@
|
|
|
|
|
|
|
|
/* 基础容器 */
|
|
/* 基础容器 */
|
|
|
-.login-container.data-v-e4e4508d { width: 100%; min-height: 100vh; background: #fff; position: relative; display: flex; flex-direction: column;
|
|
|
|
|
|
|
+.login-container.data-v-d08ef7d4 { width: 100%; min-height: 100vh; background: #fff; position: relative; display: flex; flex-direction: column;
|
|
|
}
|
|
}
|
|
|
-.gradient-bg.data-v-e4e4508d { position: absolute; top: 0; left: 0; right: 0; height: 600rpx; background: linear-gradient(180deg, rgba(193, 0, 28, 0.12) 0%, rgba(255, 255, 255, 0) 100%); z-index: 1;
|
|
|
|
|
|
|
+.gradient-bg.data-v-d08ef7d4 { position: absolute; top: 0; left: 0; right: 0; height: 600rpx; background: linear-gradient(180deg, rgba(193, 0, 28, 0.12) 0%, rgba(255, 255, 255, 0) 100%); z-index: 1;
|
|
|
}
|
|
}
|
|
|
-.content-wrapper.data-v-e4e4508d { position: relative; z-index: 2; flex: 1; display: flex; flex-direction: column; padding: 0 80rpx; box-sizing: border-box;
|
|
|
|
|
|
|
+.content-wrapper.data-v-d08ef7d4 { position: relative; z-index: 2; flex: 1; display: flex; flex-direction: column; padding: 0 80rpx; box-sizing: border-box;
|
|
|
}
|
|
}
|
|
|
-.logo-section.data-v-e4e4508d { display: flex; flex-direction: column; align-items: center; margin-top: 360rpx; margin-bottom: 120rpx;
|
|
|
|
|
|
|
+.logo-section.data-v-d08ef7d4 { display: flex; flex-direction: column; align-items: center; margin-top: 360rpx; margin-bottom: 120rpx;
|
|
|
}
|
|
}
|
|
|
-.logo-outer.data-v-e4e4508d { width: 200rpx; height: 200rpx; background: #fff; border-radius: 48rpx; box-shadow: 0 40rpx 80rpx rgba(193, 0, 28, 0.35), 0 10rpx 30rpx rgba(0, 0, 0, 0.1), inset 0 4rpx 10rpx rgba(255,255,255,0.8); display: flex; align-items: center; justify-content: center; overflow: hidden; margin-bottom: 40rpx;
|
|
|
|
|
|
|
+.logo-outer.data-v-d08ef7d4 { width: 200rpx; height: 200rpx; background: #fff; border-radius: 48rpx; box-shadow: 0 40rpx 80rpx rgba(193, 0, 28, 0.35), 0 10rpx 30rpx rgba(0, 0, 0, 0.1), inset 0 4rpx 10rpx rgba(255,255,255,0.8); display: flex; align-items: center; justify-content: center; overflow: hidden; margin-bottom: 40rpx;
|
|
|
}
|
|
}
|
|
|
-.logo-img.data-v-e4e4508d { width: 100%; height: 100%;
|
|
|
|
|
|
|
+.logo-img.data-v-d08ef7d4 { width: 100%; height: 100%;
|
|
|
}
|
|
}
|
|
|
-.app-title.data-v-e4e4508d { font-size: 48rpx; font-weight: bold; color: #1a1a1a; letter-spacing: 2rpx;
|
|
|
|
|
|
|
+.app-title.data-v-d08ef7d4 { font-size: 48rpx; font-weight: bold; color: #1a1a1a; letter-spacing: 2rpx;
|
|
|
}
|
|
}
|
|
|
-.app-subtitle.data-v-e4e4508d { font-size: 26rpx; color: #999; margin-top: 10rpx; letter-spacing: 6rpx;
|
|
|
|
|
|
|
+.app-subtitle.data-v-d08ef7d4 { font-size: 26rpx; color: #999; margin-top: 10rpx; letter-spacing: 6rpx;
|
|
|
}
|
|
}
|
|
|
-.main-btn.data-v-e4e4508d { width: 100%; height: 100rpx; background: linear-gradient(135deg, #C1001C 0%, #FF4D4F 100%); border-radius: 50rpx; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 32rpx; font-weight: bold; box-shadow: 0 12rpx 30rpx rgba(193, 0, 28, 0.2); border: none; margin-bottom: 40rpx;
|
|
|
|
|
|
|
+.main-btn.data-v-d08ef7d4 { width: 100%; height: 100rpx; background: linear-gradient(135deg, #C1001C 0%, #FF4D4F 100%); border-radius: 50rpx; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 32rpx; font-weight: bold; box-shadow: 0 12rpx 30rpx rgba(193, 0, 28, 0.2); border: none; margin-bottom: 40rpx;
|
|
|
}
|
|
}
|
|
|
-.btn-icon.data-v-e4e4508d { width: 48rpx; height: 48rpx; margin-right: 16rpx;
|
|
|
|
|
|
|
+.btn-icon.data-v-d08ef7d4 { width: 48rpx; height: 48rpx; margin-right: 16rpx;
|
|
|
}
|
|
}
|
|
|
-.agreement-text.data-v-e4e4508d { font-size: 24rpx; color: #999;
|
|
|
|
|
|
|
+.agreement-text.data-v-d08ef7d4 { font-size: 24rpx; color: #999;
|
|
|
}
|
|
}
|
|
|
-.link.data-v-e4e4508d { color: #C1001C; margin: 0 4rpx; font-weight: 500;
|
|
|
|
|
|
|
+.link.data-v-d08ef7d4 { color: #C1001C; margin: 0 4rpx; font-weight: 500;
|
|
|
}
|
|
}
|
|
|
-.footer-section.data-v-e4e4508d { margin-top: auto; padding-bottom: 60rpx; text-align: center; font-size: 20rpx; color: #dcdcdc;
|
|
|
|
|
|
|
+.footer-section.data-v-d08ef7d4 { margin-top: auto; padding-bottom: 60rpx; text-align: center; font-size: 20rpx; color: #dcdcdc;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
/* 弹窗通用基础 */
|
|
/* 弹窗通用基础 */
|
|
|
-.global-mask.data-v-e4e4508d { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5); z-index: 998;
|
|
|
|
|
|
|
+.global-mask.data-v-d08ef7d4 { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5); z-index: 998;
|
|
|
}
|
|
}
|
|
|
-.center-card.data-v-e4e4508d { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 620rpx; background: #fff; border-radius: 32rpx; z-index: 1000; box-shadow: 0 30rpx 80rpx rgba(0,0,0,0.15); padding: 50rpx 40rpx; display: flex; flex-direction: column;
|
|
|
|
|
|
|
+.center-card.data-v-d08ef7d4 { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 620rpx; background: #fff; border-radius: 32rpx; z-index: 1000; box-shadow: 0 30rpx 80rpx rgba(0,0,0,0.15); padding: 50rpx 40rpx; display: flex; flex-direction: column;
|
|
|
}
|
|
}
|
|
|
-.bottom-pop.data-v-e4e4508d { position: fixed; bottom: 0; left: 0; right: 0; background: #fff; border-radius: 40rpx 40rpx 0 0; z-index: 1001; padding: 40rpx; padding-bottom: calc(50rpx + env(safe-area-inset-bottom)); box-shadow: 0 -10rpx 40rpx rgba(0,0,0,0.05);
|
|
|
|
|
|
|
+.bottom-pop.data-v-d08ef7d4 { position: fixed; bottom: 0; left: 0; right: 0; background: #fff; border-radius: 40rpx 40rpx 0 0; z-index: 1001; padding: 40rpx; padding-bottom: calc(50rpx + env(safe-area-inset-bottom)); box-shadow: 0 -10rpx 40rpx rgba(0,0,0,0.05);
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
/* 按钮对齐辅助 */
|
|
/* 按钮对齐辅助 */
|
|
|
-button.data-v-e4e4508d { display: flex !important; align-items: center !important; justify-content: center !important; padding: 0 !important; line-height: normal !important;
|
|
|
|
|
|
|
+button.data-v-d08ef7d4 { display: flex !important; align-items: center !important; justify-content: center !important; padding: 0 !important; line-height: normal !important;
|
|
|
}
|
|
}
|
|
|
-button.data-v-e4e4508d::after { border: none;
|
|
|
|
|
|
|
+button.data-v-d08ef7d4::after { border: none;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
/* 协议拦截弹窗 */
|
|
/* 协议拦截弹窗 */
|
|
|
-.card-title.data-v-e4e4508d { font-size: 38rpx; font-weight: bold; text-align: center; margin-bottom: 30rpx;
|
|
|
|
|
|
|
+.card-title.data-v-d08ef7d4 { font-size: 38rpx; font-weight: bold; text-align: center; margin-bottom: 30rpx;
|
|
|
}
|
|
}
|
|
|
-.card-body.data-v-e4e4508d { font-size: 28rpx; color: #666; line-height: 1.6; text-align: center; margin-bottom: 50rpx;
|
|
|
|
|
|
|
+.card-body.data-v-d08ef7d4 { font-size: 28rpx; color: #666; line-height: 1.6; text-align: center; margin-bottom: 50rpx;
|
|
|
}
|
|
}
|
|
|
-.card-footer-btns.data-v-e4e4508d { display: flex; gap: 24rpx;
|
|
|
|
|
|
|
+.card-footer-btns.data-v-d08ef7d4 { display: flex; gap: 24rpx;
|
|
|
}
|
|
}
|
|
|
-.btn-item.data-v-e4e4508d { flex: 1; height: 90rpx; border-radius: 45rpx; font-size: 30rpx; display: flex !important; align-items: center !important; justify-content: center !important; text-align: center; line-height: 90rpx;
|
|
|
|
|
|
|
+.btn-item.data-v-d08ef7d4 { flex: 1; height: 90rpx; border-radius: 45rpx; font-size: 30rpx; display: flex !important; align-items: center !important; justify-content: center !important; text-align: center; line-height: 90rpx;
|
|
|
}
|
|
}
|
|
|
-.btn-item.cancel.data-v-e4e4508d { background: #f8f8f8; color: #999;
|
|
|
|
|
|
|
+.btn-item.cancel.data-v-d08ef7d4 { background: #f8f8f8; color: #999;
|
|
|
}
|
|
}
|
|
|
-.btn-item.agree.data-v-e4e4508d { background: #C1001C; color: #fff; font-weight: bold;
|
|
|
|
|
|
|
+.btn-item.agree.data-v-d08ef7d4 { background: #C1001C; color: #fff; font-weight: bold;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
/* 协议内容弹窗专项修复 */
|
|
/* 协议内容弹窗专项修复 */
|
|
|
-.p-pop-header.data-v-e4e4508d { display: flex; justify-content: space-between; align-items: center; margin-bottom: 30rpx;
|
|
|
|
|
|
|
+.p-pop-header.data-v-d08ef7d4 { display: flex; justify-content: space-between; align-items: center; margin-bottom: 30rpx;
|
|
|
}
|
|
}
|
|
|
-.p-pop-title.data-v-e4e4508d { font-size: 36rpx; font-weight: bold; color: #1a1a1a;
|
|
|
|
|
|
|
+.p-pop-title.data-v-d08ef7d4 { font-size: 36rpx; font-weight: bold; color: #1a1a1a;
|
|
|
}
|
|
}
|
|
|
-.p-pop-close.data-v-e4e4508d { font-size: 48rpx; color: #ccc; padding: 10rpx;
|
|
|
|
|
|
|
+.p-pop-close.data-v-d08ef7d4 { font-size: 48rpx; color: #ccc; padding: 10rpx;
|
|
|
}
|
|
}
|
|
|
-.p-pop-scroll.data-v-e4e4508d { max-height: 55vh; margin-bottom: 30rpx;
|
|
|
|
|
|
|
+.p-pop-scroll.data-v-d08ef7d4 { max-height: 55vh; margin-bottom: 30rpx;
|
|
|
}
|
|
}
|
|
|
-.rich-text-wrapper.data-v-e4e4508d { padding: 10rpx 0; color: #444; font-size: 28rpx;
|
|
|
|
|
|
|
+.rich-text-wrapper.data-v-d08ef7d4 { padding: 10rpx 0; color: #444; font-size: 28rpx;
|
|
|
}
|
|
}
|
|
|
-.p-pop-footer.data-v-e4e4508d { padding-top: 20rpx;
|
|
|
|
|
|
|
+.p-pop-footer.data-v-d08ef7d4 { padding-top: 20rpx;
|
|
|
}
|
|
}
|
|
|
-.p-pop-btn.data-v-e4e4508d { width: 100%; height: 90rpx; background: #C1001C; color: #fff; border-radius: 45rpx; font-size: 30rpx; font-weight: bold;
|
|
|
|
|
|
|
+.p-pop-btn.data-v-d08ef7d4 { width: 100%; height: 90rpx; background: #C1001C; color: #fff; border-radius: 45rpx; font-size: 30rpx; font-weight: bold;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
/* 头像授权弹窗 */
|
|
/* 头像授权弹窗 */
|
|
|
-.pop-header-bar.data-v-e4e4508d { display: flex; justify-content: space-between; align-items: center; margin-bottom: 60rpx;
|
|
|
|
|
|
|
+.pop-header-bar.data-v-d08ef7d4 { display: flex; justify-content: space-between; align-items: center; margin-bottom: 60rpx;
|
|
|
}
|
|
}
|
|
|
-.pop-cancel.data-v-e4e4508d { font-size: 30rpx; color: #999;
|
|
|
|
|
|
|
+.pop-cancel.data-v-d08ef7d4 { font-size: 30rpx; color: #999;
|
|
|
}
|
|
}
|
|
|
-.pop-main-title.data-v-e4e4508d { font-size: 32rpx; font-weight: bold;
|
|
|
|
|
|
|
+.pop-main-title.data-v-d08ef7d4 { font-size: 32rpx; font-weight: bold;
|
|
|
}
|
|
}
|
|
|
-.pop-done.data-v-e4e4508d { font-size: 30rpx; color: #C1001C; font-weight: bold;
|
|
|
|
|
|
|
+.pop-done.data-v-d08ef7d4 { font-size: 30rpx; color: #C1001C; font-weight: bold;
|
|
|
}
|
|
}
|
|
|
-.profile-edit-content.data-v-e4e4508d { display: flex; flex-direction: column; align-items: center;
|
|
|
|
|
|
|
+.profile-edit-content.data-v-d08ef7d4 { display: flex; flex-direction: column; align-items: center;
|
|
|
}
|
|
}
|
|
|
-.avatar-wrapper-btn.data-v-e4e4508d {
|
|
|
|
|
|
|
+.avatar-wrapper-btn.data-v-d08ef7d4 {
|
|
|
width: 170rpx; height: 170rpx; border-radius: 85rpx; background: #f8f8f8;
|
|
width: 170rpx; height: 170rpx; border-radius: 85rpx; background: #f8f8f8;
|
|
|
position: relative; margin-bottom: 24rpx; padding: 0 !important; overflow: visible;
|
|
position: relative; margin-bottom: 24rpx; padding: 0 !important; overflow: visible;
|
|
|
display: flex !important; align-items: center; justify-content: center;
|
|
display: flex !important; align-items: center; justify-content: center;
|
|
|
border: none;
|
|
border: none;
|
|
|
}
|
|
}
|
|
|
-.current-avatar.data-v-e4e4508d { width: 100%; height: 100%; border-radius: 85rpx; border: 4rpx solid #fff; box-shadow: 0 4rpx 15rpx rgba(0,0,0,0.05);
|
|
|
|
|
|
|
+.current-avatar.data-v-d08ef7d4 { width: 100%; height: 100%; border-radius: 85rpx; border: 4rpx solid #fff; box-shadow: 0 4rpx 15rpx rgba(0,0,0,0.05);
|
|
|
}
|
|
}
|
|
|
-.camera-icon.data-v-e4e4508d {
|
|
|
|
|
|
|
+.camera-icon.data-v-d08ef7d4 {
|
|
|
position: absolute; bottom: 0; right: 0; background: #fff; width: 56rpx; height: 56rpx;
|
|
position: absolute; bottom: 0; right: 0; background: #fff; width: 56rpx; height: 56rpx;
|
|
|
border-radius: 28rpx; display: flex; align-items: center; justify-content: center;
|
|
border-radius: 28rpx; display: flex; align-items: center; justify-content: center;
|
|
|
box-shadow: 0 4rpx 12rpx rgba(0,0,0,0.12); z-index: 5;
|
|
box-shadow: 0 4rpx 12rpx rgba(0,0,0,0.12); z-index: 5;
|
|
|
}
|
|
}
|
|
|
-.camera-icon image.data-v-e4e4508d { width: 30rpx; height: 30rpx;
|
|
|
|
|
|
|
+.camera-icon image.data-v-d08ef7d4 { width: 30rpx; height: 30rpx;
|
|
|
}
|
|
}
|
|
|
-.edit-hint.data-v-e4e4508d { font-size: 24rpx; color: #999; margin-bottom: 70rpx; width: 100%; text-align: center; display: block;
|
|
|
|
|
|
|
+.edit-hint.data-v-d08ef7d4 { font-size: 24rpx; color: #999; margin-bottom: 70rpx; width: 100%; text-align: center; display: block;
|
|
|
}
|
|
}
|
|
|
-.nickname-edit-box.data-v-e4e4508d { width: 100%; display: flex; align-items: center; padding: 36rpx 0; border-top: 1rpx solid #f0f0f0; border-bottom: 1rpx solid #f0f0f0; margin-bottom: 40rpx;
|
|
|
|
|
|
|
+.nickname-edit-box.data-v-d08ef7d4 { width: 100%; display: flex; align-items: center; padding: 36rpx 0; border-top: 1rpx solid #f0f0f0; border-bottom: 1rpx solid #f0f0f0; margin-bottom: 40rpx;
|
|
|
}
|
|
}
|
|
|
-.nickname-edit-box .label.data-v-e4e4508d { width: 130rpx; font-size: 32rpx;
|
|
|
|
|
|
|
+.nickname-edit-box .label.data-v-d08ef7d4 { width: 130rpx; font-size: 32rpx;
|
|
|
}
|
|
}
|
|
|
-.nickname-input.data-v-e4e4508d { flex: 1; font-size: 32rpx;
|
|
|
|
|
|
|
+.nickname-input.data-v-d08ef7d4 { flex: 1; font-size: 32rpx;
|
|
|
}
|
|
}
|
|
|
-.notice-text.data-v-e4e4508d { font-size: 24rpx; color: #bfbfbf; text-align: center; display: block; margin-bottom: 60rpx;
|
|
|
|
|
|
|
+.notice-text.data-v-d08ef7d4 { font-size: 24rpx; color: #bfbfbf; text-align: center; display: block; margin-bottom: 60rpx;
|
|
|
}
|
|
}
|
|
|
-.confirm-btn-fixed.data-v-e4e4508d { width: 100%; height: 96rpx; background: #C1001C; color: #fff; border-radius: 16rpx; font-size: 32rpx; font-weight: bold;
|
|
|
|
|
|
|
+.confirm-btn-fixed.data-v-d08ef7d4 { width: 100%; height: 96rpx; background: #C1001C; color: #fff; border-radius: 16rpx; font-size: 32rpx; font-weight: bold;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
/* 手机号授权弹窗 */
|
|
/* 手机号授权弹窗 */
|
|
|
-.p-header.data-v-e4e4508d { display: flex; align-items: center; margin-bottom: 50rpx;
|
|
|
|
|
|
|
+.p-header.data-v-d08ef7d4 { display: flex; align-items: center; margin-bottom: 50rpx;
|
|
|
}
|
|
}
|
|
|
-.p-mini-logo.data-v-e4e4508d { width: 44rpx; height: 44rpx; border-radius: 8rpx; margin-right: 16rpx;
|
|
|
|
|
|
|
+.p-mini-logo.data-v-d08ef7d4 { width: 44rpx; height: 44rpx; border-radius: 8rpx; margin-right: 16rpx;
|
|
|
}
|
|
}
|
|
|
-.p-app-name.data-v-e4e4508d { font-size: 28rpx; color: #7f7f7f;
|
|
|
|
|
|
|
+.p-app-name.data-v-d08ef7d4 { font-size: 28rpx; color: #7f7f7f;
|
|
|
}
|
|
}
|
|
|
-.p-title.data-v-e4e4508d { font-size: 40rpx; font-weight: bold; color: #000; margin-bottom: 44rpx; display: block;
|
|
|
|
|
|
|
+.p-title.data-v-d08ef7d4 { font-size: 40rpx; font-weight: bold; color: #000; margin-bottom: 44rpx; display: block;
|
|
|
}
|
|
}
|
|
|
-.p-number-card.data-v-e4e4508d { background: #fbfbfb; padding: 36rpx; border-radius: 20rpx; display: flex; justify-content: space-between; align-items: center; margin-bottom: 30rpx; border: 1rpx solid #f0f0f0;
|
|
|
|
|
|
|
+.p-number-card.data-v-d08ef7d4 { background: #fbfbfb; padding: 36rpx; border-radius: 20rpx; display: flex; justify-content: space-between; align-items: center; margin-bottom: 30rpx; border: 1rpx solid #f0f0f0;
|
|
|
}
|
|
}
|
|
|
-.p-real-num.data-v-e4e4508d { font-size: 36rpx; font-weight: bold; color: #1a1a1a; display: block;
|
|
|
|
|
|
|
+.p-real-num.data-v-d08ef7d4 { font-size: 36rpx; font-weight: bold; color: #1a1a1a; display: block;
|
|
|
}
|
|
}
|
|
|
-.p-num-hint.data-v-e4e4508d { font-size: 24rpx; color: #999;
|
|
|
|
|
|
|
+.p-num-hint.data-v-d08ef7d4 { font-size: 24rpx; color: #999;
|
|
|
}
|
|
}
|
|
|
-.p-other-link.data-v-e4e4508d { font-size: 28rpx; color: #576b95; display: block; margin-bottom: 60rpx;
|
|
|
|
|
|
|
+.p-other-link.data-v-d08ef7d4 { font-size: 28rpx; color: #576b95; display: block; margin-bottom: 60rpx;
|
|
|
}
|
|
}
|
|
|
-.p-footer-btns.data-v-e4e4508d { display: flex; gap: 30rpx;
|
|
|
|
|
|
|
+.p-footer-btns.data-v-d08ef7d4 { display: flex; gap: 30rpx;
|
|
|
}
|
|
}
|
|
|
-.p-btn-fixed.data-v-e4e4508d { flex: 1; height: 96rpx; border-radius: 16rpx; font-size: 32rpx; border: none;
|
|
|
|
|
|
|
+.p-btn-fixed.data-v-d08ef7d4 { flex: 1; height: 96rpx; border-radius: 16rpx; font-size: 32rpx; border: none;
|
|
|
}
|
|
}
|
|
|
-.p-deny.data-v-e4e4508d { background: #f2f2f2; color: #C1001C;
|
|
|
|
|
|
|
+.p-deny.data-v-d08ef7d4 { background: #f2f2f2; color: #C1001C;
|
|
|
}
|
|
}
|
|
|
-.p-allow.data-v-e4e4508d { background: #C1001C; color: #fff; font-weight: bold;
|
|
|
|
|
|
|
+.p-allow.data-v-d08ef7d4 { background: #C1001C; color: #fff; font-weight: bold;
|
|
|
}
|
|
}
|