feat(pay): 充值页面增加积分显示

石广澎

2025-11-30 80763662ffaefa7e49cf541201c689f61f5a3caa

 components/card-agreement/card-agreement.vue

New file
@@ -0,0 +1,106 @@
<template>
   <view class="agreement-main">
      <h1>协议详情</h1>
      <scroll-view class="con" scroll-y>

         <p>
            XXXXX有限公司（以下均简称“XXX”）在此提醒您（以下称“您”或称“用户”）认真阅读理解本协议，包括免除或者限制XXX责任的免责条款及对您的权利限制条款；您确认，在您使用XXX的各项服务之前，您已充分阅读、理解并接受本协议的全部内容，一旦您在“我已阅读并同意”前勾选，或点击“我已阅读并同意”按钮，即表示您同意遵循本协议之所有约定，一旦您使用XXX的全部或部分服务,亦表示您同意遵循本协议之所有约定。本协议在您和XXX之间具有合同上的法律效力
         </p>
         <p>甲方：全体XXX注册用户（以上以下简称“你”或称“用户”）</p>
         <p>乙方：XXXXX有限公司（以上以下均简称“XXX”）</p>
         <p><strong>一、</strong>
            您同意通过本协议选定的您银行卡（以下简称“银行卡”）在XXX平台与您在第三方支付机构的托管账户上进行绑定、开通快捷支付业务，即本协议所述的“绑定”为扣款银行卡的确定，一旦绑定成功，第三方支付机构每次扣款前无需输入您绑定的银行卡账号、密码等信息，也无需您提交绑定的银行卡进行刷卡
         </p>
         <p></p>
         <p><strong>二、</strong> 您承诺上述选定的银行卡的开户证件信息与您身份证件信息完全一致。</p>
         <p></p>
         <p><strong>三、</strong> 您允许XXX向快捷支付第三方支付机构发送您的信息（包括但不限于您的身份信息、银行信息、XXX注册信息等涉及您个人的各项信息）以便完成快捷支付业务。</p>
         <p></p>
         <p><strong>四、</strong>
            XXX向第三方支付机构发送的您的一切信息是依据您自己主动填写的信息，XXX有权利但无义务审查您的银行卡信息与身份证件信息。XXX不对是否进行审查核实做出任何承诺，一切以您填写的信息为准。</p>
         <p></p>
         <p><strong>五、</strong>您必须按照第三方支付机构的快捷支付协议的要求绑定符合第三方支付机构要求的银行卡，并且您承诺是绑定的银行卡的合法持卡人（指银行卡账户的开户主体，下同）。</p>
         <p></p>
         <p><strong>六、</strong> 其他有关绑定银行卡、开通快捷支付的权利义务详见您与第三方支付机构达成的快捷支付协议的各项约定。</p>
         <p></p>
         <p><strong>七、</strong> 您与第三方支付机构因快捷支付相关事宜发生的争议与纠纷，请您按照您与第三方支付机构之间的快捷支付协议的约定解决，XXX不对您与第三方支付机构之间的争议承担任何责任。</p>
         <p></p>
         <p><strong>八、</strong>
            您的个人资料受到严格保护，不接受XXX、第三方支付机构、您银行卡开户行及您之外的任何个人或单位的查询请求。但法律法规（含行政规章、民族自治地方的自治条例和单行条例，下同）、司法机关、监管机构、你与第三方支付机构之前的快捷支付协议另有规定或要求，或为开通快捷支付之需要确有必要披露的除外。
         </p>
         <p></p>
         <p><strong>九、</strong> 您承诺如果因您违反本协议或者与第三方支付机构之间的协议造成XXX损失的，XXX有权向你追究法律责任。</p>
         <p></p>
         <p>本协议版本于2023年6月30日更新，于2023年7月1日生效。</p>
      </scroll-view>
      <div @click="$emit('confirm')">我已阅读并同意</div>
   </view>
</template>

<script>
   export default {
      name: "card-agreement",
      data() {
         return {

         };
      }
   }
</script>

<style lang="scss" scoped>
   .agreement-main {
      padding: 30rpx;
      background: #fff;
      border-radius: 30rpx;
   }

   .agreement-main h1 {
      text-align: center;
      font-size: 32rpx;
      color: #333333;
   }

   .agreement-main i {
      position: absolute;
      right: 30rpx;
      top: 30rpx;
      background: url('https://zhkj.jinmingyuan.com:8443/sftpxcx/jrstq/icon-close.png') no-repeat;
      background-size: 100% 100%;
      width: 42rpx;
      height: 42rpx;
   }

   .agreement-main .con {
      color: #545454;
      font-size: 26rpx;
      margin: 30rpx 0;
      height: 630rpx;
      width: 550rpx;
   }

   .agreement-main .con p {
      line-height: 1.65;
      margin-bottom: 5rpx;
   }

   .agreement-main>div {
      height: 66rpx;
      text-align: center;
      line-height: 66rpx;
      color: #fff;
      font-size: 30rpx;
      margin: 0 auto;
      background: #e93b3d;
      border-radius: 33rpx;
   }

   strong {
      margin-right: 5rpx;
   }

   .mask {
      position: fixed;
      z-index: 9
   }
</style>