wlzboy
1 天以前 08f95b2f159b56fa3bd4f4b348855989de8aa456
app/pages/register.vue
@@ -30,7 +30,7 @@
      <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>
@@ -59,7 +59,7 @@
      return {
        codeUrl: "",
        captchaEnabled: true,
        agreedToTerms: false,
        agreedToTerms: true, // 默认选中
        globalConfig: getApp().globalData.config,
        registerForm: {
          username: "",
@@ -211,32 +211,49 @@
      }
      
      .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;
            }
          }
        }