调整同意协议文字style

src/assets/css/base.css

@@ -78,7 +78,7 @@ textarea:focus {
 body {
   min-width: 375px;
   font-size: 14px;
-  background-color: #fff;
+  /* background-color: #fff; */
   font-family: 'Source Han Sans CN', 'PingFang SC', -apple-system, 'Microsoft YaHei', 'Helvetica', 'Arial', Verdana,
     'Hiragino Sans GB', 'Wenquanyi Micro Hei', sans-serif;
   padding: 0;
@@ -88,6 +88,7 @@ body {
 @media (min-width: 768px) {
 
   html {
+    background-color: #ffffff;
     font-size: 100px;
   }
 }

src/modules/pay/components/Confirm.vue

@@ -21,6 +21,7 @@ const item = ref({
 const orderInfo: any = ref({})
 const payMode = ref(1)
 const isAgree = ref(false)
+const isAgreeText = ref(false)
 const currentCheck = ref('4')
 const orderInfoDetail: any = ref([])
 function getDateTime(dayNum: any) {
@@ -37,7 +38,6 @@ function getDateTime(dayNum: any) {
 }
 const start_time = getDateTime(0)
 const end_time = getDateTime(90)
-
 const emit = defineEmits<{
   (e: 'success', params: object): void
 }>()
@@ -57,6 +57,7 @@ const optionParams = reactive({
 // 点击立即购买
 const handlePay = () => {
   if (isAgree.value === false) {
+    isAgreeText.value = true
     ElMessage.warning('请先勾选紫荆金保服务协议')
   } else {
     if (user.isLogin) {
@@ -158,6 +159,13 @@ const handlePrev = () => {
 const changeProtocol = () => {
   dialogVisible.value = false
   isAgree.value = true
+  isAgreeText.value = false
+}
+const handleAgree = (val: any) => {
+  isAgree.value = val
+  if (val === true) {
+    isAgreeText.value = false
+  }
 }
 </script>
 <template>
@@ -209,12 +217,13 @@ const changeProtocol = () => {
         <div class="con_footer">
           <div class="footer_left">
             <div class="left_top">
-              <el-checkbox v-model="isAgree"> <span>同意</span></el-checkbox
+              <el-checkbox v-model="isAgree" @change="handleAgree">
+                <span>同意</span></el-checkbox
               ><a @click="dialogVisible = true">紫荆金保服务协议</a>
             </div>
             <div
               class="left_desc"
-              :class="isAgree === false ? 'left_desc_active' : ''"
+              :class="isAgreeText === true ? 'left_desc_active' : ''"
             >
               请先勾选紫荆金保服务协议
             </div>
@@ -296,14 +305,14 @@ const changeProtocol = () => {
       </div>
       <div class="argreement_con">
         <div class="left_top">
-          <el-checkbox v-model="isAgree">
+          <el-checkbox v-model="isAgree" @change="handleAgree">
             <span>同意</span>
           </el-checkbox>
           <a @click="dialogVisible = true">紫荆金保服务协议</a>
         </div>
         <div
           class="left_desc"
-          :class="isAgree === false ? 'left_desc_active' : ''"
+          :class="isAgreeText === true ? 'left_desc_active' : ''"
         >
           请先勾选紫荆金保服务协议
         </div>
@@ -481,13 +490,13 @@ const changeProtocol = () => {
           font-size: 0.24rem;
           color: #e3a232 !important;
           margin-top: 0.02rem;
+          cursor: pointer;
         }
       }
       .left_desc {
         color: #999999;
         font-size: 0.24rem;
         margin-left: 0.9rem;
-        cursor: pointer;
       }
       .left_desc_active {
         color: #aa1941;
@@ -624,6 +633,7 @@ const changeProtocol = () => {
             font-size: 16px;
             font-weight: 400;
             margin-top: -1px;
+            cursor: pointer;
           }
         }
         .left_desc {
@@ -631,7 +641,6 @@ const changeProtocol = () => {
           font-weight: 400;
           color: #999999;
           margin: 14px 0 0 21px;
-          cursor: pointer;
         }
         .left_desc_active {
           color: #aa1941;