diff --git a/pages/index/index.wxss b/pages/index/index.wxss index d12c91c..8b44473 100644 --- a/pages/index/index.wxss +++ b/pages/index/index.wxss @@ -257,10 +257,11 @@ page { text-align: center; } +/* 重置button默认样式,允许自定义宽度 */ wx-button:not([size=mini]) { - margin-left: auto; - margin-right: auto; - width: 90px; + margin-left: initial; + margin-right: initial; + width: initial; } /* 地区选择器弹窗样式 */ @@ -944,57 +945,94 @@ wx-button:not([size=mini]) { .auth-modal-container { background-color: #fff; - border-radius: 24rpx; + border-radius: 32rpx; width: 90%; - max-width: 600rpx; - padding: 50rpx 20rpx; - box-shadow: 0 12rpx 32rpx rgba(0, 0, 0, 0.18); + max-width: 720rpx; + padding: 60rpx 40rpx 40rpx; + box-shadow: 0 16rpx 48rpx rgba(0, 0, 0, 0.2); + transition: all 0.3s ease; + border: 2rpx solid rgba(255, 255, 255, 0.8); + box-sizing: border-box; } .auth-modal-title { - font-size: 40rpx; + font-size: 44rpx; font-weight: bold; - color: #333; + color: #222; text-align: center; - margin-bottom: 35rpx; + margin-bottom: 40rpx; + letter-spacing: 1rpx; } .auth-modal-content { font-size: 32rpx; line-height: 1.6; - color: #666; + color: #555; text-align: center; margin-bottom: 50rpx; + padding: 0 20rpx; + width: 100%; + box-sizing: border-box; + word-break: break-word; } .auth-modal-buttons { display: flex; flex-direction: column; - gap: 24rpx; + gap: 20rpx; + padding: 0 20rpx; + width: 100%; + box-sizing: border-box; } .auth-primary-button { background-color: #07c160; color: #fff; - font-size: 34rpx; + font-size: 36rpx; font-weight: 600; line-height: 1.6; border-radius: 12rpx; - padding: 30rpx 0; + padding: 32rpx 0; width: 100%; box-shadow: 0 4rpx 12rpx rgba(7, 193, 96, 0.3); + transition: all 0.3s ease; + border: none; + margin: 0; + min-width: auto; +} + +.auth-primary-button:active { + transform: translateY(2rpx); + box-shadow: 0 3rpx 12rpx rgba(7, 193, 96, 0.5); +} + +.auth-primary-button::after { + border: none; } .auth-cancel-button { background-color: #fff; - color: #999; - font-size: 34rpx; + color: #666; + font-size: 36rpx; font-weight: 500; line-height: 1.6; border-radius: 12rpx; - padding: 30rpx 0; + padding: 32rpx 0; width: 100%; - border: 4rpx solid #e5e5e5; + border: 1rpx solid #e0e0e0; + transition: all 0.3s ease; + margin: 0; + min-width: auto; +} + +.auth-cancel-button:active { + transform: translateY(2rpx); + border-color: #d0d0d0; + box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1); +} + +.auth-cancel-button::after { + border: none; } /* 头像选择样式 */