| | |
| | | <view class="agreement-section"> |
| | | <checkbox-group @change="handleAgreementChange"> |
| | | <label class="agreement-label"> |
| | | <checkbox value="agreed" :checked="agreedToTerms" color="#007AFF" /> |
| | | <checkbox value="agreed" :checked="agreedToTerms" color="#007AFF" style="margin-top: 0;" /> |
| | | <text class="agreement-text"> |
| | | 我已阅读并同意 |
| | | <text class="agreement-link" @click.stop="handleUserAgreement">《用户服务协议》</text> |
| | |
| | | return { |
| | | codeUrl: "", |
| | | captchaEnabled: true, |
| | | agreedToTerms: false, |
| | | agreedToTerms: true, // 默认选中 |
| | | globalConfig: getApp().globalData.config, |
| | | registerForm: { |
| | | username: "", |
| | |
| | | } |
| | | |
| | | .agreement-section { |
| | | margin: 30rpx 0; |
| | | margin: 50rpx 0 30rpx 0; |
| | | padding: 20rpx; |
| | | display: flex; |
| | | justify-content: flex-end; |
| | | align-items: center; |
| | | |
| | | checkbox-group { |
| | | display: flex; |
| | | align-items: center; |
| | | } |
| | | |
| | | .agreement-label { |
| | | display: flex; |
| | | align-items: flex-start; |
| | | align-items: center; |
| | | justify-content: flex-start; |
| | | |
| | | checkbox { |
| | | margin-right: 15rpx; |
| | | transform: scale(0.9); |
| | | transform: scale(1.2); |
| | | flex-shrink: 0; |
| | | vertical-align: middle; |
| | | } |
| | | |
| | | .agreement-text { |
| | | flex: 1; |
| | | display: inline-flex; |
| | | align-items: center; |
| | | flex-wrap: wrap; |
| | | font-size: 26rpx; |
| | | color: #666; |
| | | line-height: 2; |
| | | text-align: left; |
| | | line-height: 1.5; |
| | | text-align: right; |
| | | justify-content: flex-end; |
| | | |
| | | .agreement-link { |
| | | color: #007AFF; |
| | | text-decoration: underline; |
| | | padding: 8rpx 5rpx; |
| | | text-decoration: none; |
| | | padding: 8rpx 10rpx; |
| | | margin: 0 5rpx; |
| | | display: inline-block; |
| | | position: relative; |
| | | z-index: 10; |
| | | border-bottom: 1px solid #007AFF; |
| | | line-height: 1.5; |
| | | } |
| | | } |
| | | } |