Browse Source

更新登录弹窗样式,统一所有页面的登录提示外观

pull/1/head
徐飞洋 3 months ago
parent
commit
79daa865ff
  1. 48
      pages/buyer/index.wxss
  2. 48
      pages/index/index.wxss
  3. 58
      pages/seller/index.wxss
  4. 60
      pages/settlement/index.wxss

48
pages/buyer/index.wxss

@ -488,54 +488,58 @@ button:after {
display: flex;
justify-content: center;
align-items: center;
z-index: 1002;
z-index: 9999;
}
.auth-modal-container {
background-color: #fff;
border-radius: 20rpx;
width: 80%;
max-width: 500rpx;
padding: 40rpx;
box-shadow: 0 8rpx 24rpx rgba(0, 0, 0, 0.15);
border-radius: 24rpx;
width: 85%;
max-width: 520rpx;
padding: 50rpx 40rpx;
box-shadow: 0 12rpx 32rpx rgba(0, 0, 0, 0.18);
}
.auth-modal-title {
font-size: 36rpx;
font-size: 40rpx;
font-weight: bold;
color: #333;
text-align: center;
margin-bottom: 30rpx;
margin-bottom: 35rpx;
}
.auth-modal-content {
font-size: 32rpx;
line-height: 1.5;
line-height: 1.6;
color: #666;
text-align: center;
margin-bottom: 40rpx;
margin-bottom: 50rpx;
}
.auth-modal-buttons {
display: flex;
flex-direction: column;
gap: 20rpx;
gap: 24rpx;
}
.auth-primary-button {
background-color: #1677ff;
background-color: #07c160;
color: #fff;
font-size: 32rpx;
line-height: 1.5;
border-radius: 8rpx;
padding: 20rpx 0;
font-size: 34rpx;
font-weight: 600;
line-height: 1.6;
border-radius: 12rpx;
padding: 24rpx 0;
box-shadow: 0 4rpx 12rpx rgba(7, 193, 96, 0.3);
}
.auth-cancel-button {
background-color: #f5f5f5;
color: #666;
font-size: 32rpx;
line-height: 1.5;
border-radius: 8rpx;
padding: 20rpx 0;
background-color: #fff;
color: #999;
font-size: 34rpx;
font-weight: 500;
line-height: 1.6;
border-radius: 12rpx;
padding: 24rpx 0;
border: 2rpx solid #e5e5e5;
}

48
pages/index/index.wxss

@ -119,56 +119,60 @@ page {
display: flex;
justify-content: center;
align-items: center;
z-index: 1002;
z-index: 9999;
}
.auth-modal-container {
background-color: #fff;
border-radius: 20rpx;
width: 80%;
max-width: 500rpx;
padding: 40rpx;
box-shadow: 0 8rpx 24rpx rgba(0, 0, 0, 0.15);
border-radius: 24rpx;
width: 85%;
max-width: 520rpx;
padding: 50rpx 40rpx;
box-shadow: 0 12rpx 32rpx rgba(0, 0, 0, 0.18);
}
.auth-modal-title {
font-size: 36rpx;
font-size: 40rpx;
font-weight: bold;
color: #333;
text-align: center;
margin-bottom: 30rpx;
margin-bottom: 35rpx;
}
.auth-modal-content {
font-size: 32rpx;
line-height: 1.5;
line-height: 1.6;
color: #666;
text-align: center;
margin-bottom: 40rpx;
margin-bottom: 50rpx;
}
.auth-modal-buttons {
display: flex;
flex-direction: column;
gap: 20rpx;
gap: 24rpx;
}
.auth-primary-button {
background-color: #1677ff;
background-color: #07c160;
color: #fff;
font-size: 32rpx;
line-height: 1.5;
border-radius: 8rpx;
padding: 20rpx 0;
font-size: 34rpx;
font-weight: 600;
line-height: 1.6;
border-radius: 12rpx;
padding: 24rpx 0;
box-shadow: 0 4rpx 12rpx rgba(7, 193, 96, 0.3);
}
.auth-cancel-button {
background-color: #f5f5f5;
color: #666;
font-size: 32rpx;
line-height: 1.5;
border-radius: 8rpx;
padding: 20rpx 0;
background-color: #fff;
color: #999;
font-size: 34rpx;
font-weight: 500;
line-height: 1.6;
border-radius: 12rpx;
padding: 24rpx 0;
border: 2rpx solid #e5e5e5;
}
.primary-button {

58
pages/seller/index.wxss

@ -529,7 +529,7 @@ button {
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.5);
background-color: rgba(0, 0, 0, 0.5);
display: flex;
justify-content: center;
align-items: center;
@ -537,48 +537,56 @@ button {
}
.auth-modal-container {
background: white;
padding: 40rpx;
border-radius: 16rpx;
width: 80%;
max-width: 500rpx;
text-align: center;
box-shadow: 0 8rpx 24rpx rgba(0, 0, 0, 0.1);
background-color: #fff;
border-radius: 24rpx;
width: 85%;
max-width: 520rpx;
padding: 50rpx 40rpx;
box-shadow: 0 12rpx 32rpx rgba(0, 0, 0, 0.18);
}
.auth-modal-title {
font-size: 32rpx;
font-size: 40rpx;
font-weight: bold;
margin-bottom: 30rpx;
color: #333;
text-align: center;
margin-bottom: 35rpx;
}
.auth-modal-content {
font-size: 28rpx;
font-size: 32rpx;
line-height: 1.6;
color: #666;
margin-bottom: 40rpx;
line-height: 1.5;
text-align: center;
margin-bottom: 50rpx;
}
.auth-modal-buttons {
text-align: center;
display: flex;
flex-direction: column;
gap: 24rpx;
}
.auth-primary-button {
background-color: #1677ff;
color: white;
font-size: 28rpx;
line-height: 80rpx;
border-radius: 8rpx;
margin-bottom: 20rpx;
background-color: #07c160;
color: #fff;
font-size: 34rpx;
font-weight: 600;
line-height: 1.6;
border-radius: 12rpx;
padding: 24rpx 0;
box-shadow: 0 4rpx 12rpx rgba(7, 193, 96, 0.3);
}
.auth-cancel-button {
background-color: #f5f5f5;
color: #333;
font-size: 28rpx;
line-height: 80rpx;
border-radius: 8rpx;
background-color: #fff;
color: #999;
font-size: 34rpx;
font-weight: 500;
line-height: 1.6;
border-radius: 12rpx;
padding: 24rpx 0;
border: 2rpx solid #e5e5e5;
}
/* 头像选择样式 */

60
pages/settlement/index.wxss

@ -1551,15 +1551,13 @@ picker {
100% { transform: rotate(360deg); }
}
/* 登录授权弹窗 */
/* 统一的授权登录弹窗样式 */
.auth-modal-overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.5);
background-color: rgba(0, 0, 0, 0.5);
display: flex;
justify-content: center;
align-items: center;
@ -1567,48 +1565,56 @@ picker {
}
.auth-modal-container {
background: white;
padding: 40rpx;
border-radius: 16rpx;
width: 80%;
max-width: 500rpx;
text-align: center;
box-shadow: 0 8rpx 24rpx rgba(0, 0, 0, 0.1);
background-color: #fff;
border-radius: 24rpx;
width: 85%;
max-width: 520rpx;
padding: 50rpx 40rpx;
box-shadow: 0 12rpx 32rpx rgba(0, 0, 0, 0.18);
}
.auth-modal-title {
font-size: 32rpx;
font-size: 40rpx;
font-weight: bold;
margin-bottom: 30rpx;
color: #333;
text-align: center;
margin-bottom: 35rpx;
}
.auth-modal-content {
font-size: 28rpx;
font-size: 32rpx;
line-height: 1.6;
color: #666;
margin-bottom: 40rpx;
line-height: 1.5;
text-align: center;
margin-bottom: 50rpx;
}
.auth-modal-buttons {
text-align: center;
display: flex;
flex-direction: column;
gap: 24rpx;
}
.auth-primary-button {
background-color: #1677ff;
color: white;
font-size: 28rpx;
line-height: 80rpx;
border-radius: 8rpx;
margin-bottom: 20rpx;
background-color: #07c160;
color: #fff;
font-size: 34rpx;
font-weight: 600;
line-height: 1.6;
border-radius: 12rpx;
padding: 24rpx 0;
box-shadow: 0 4rpx 12rpx rgba(7, 193, 96, 0.3);
}
.auth-cancel-button {
background-color: #f5f5f5;
color: #333;
font-size: 28rpx;
line-height: 80rpx;
border-radius: 8rpx;
background-color: #fff;
color: #999;
font-size: 34rpx;
font-weight: 500;
line-height: 1.6;
border-radius: 12rpx;
padding: 24rpx 0;
border: 2rpx solid #e5e5e5;
}
@keyframes modalSlideIn {

Loading…
Cancel
Save