SwtTt29
/
Mini-Program
2
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

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

pull/1/head
徐飞洋 3 months ago
parent
9960795e11
commit
79daa865ff
4 changed files with 118 additions and 96 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  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
View File

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

48
pages/index/index.wxss
View File

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

58
pages/seller/index.wxss
View File

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

60
pages/settlement/index.wxss
View File

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

Write Preview
Loading…
Cancel
Save