会员认证

 <template>
   <view :class="{ 'lock-scroll': popupShow }">
     <view v-if="showDirectly&&directUnderFlag==0">
-      <view class="flexbox">
-        <view>
-          有效日期至
-          <text class="text-primary">{{ form?.validityDate?.slice(0, 10) }}</text>
-        </view>
+      <view class="head-box">
+        <view class="flexbox ">
+          <view class="title">{{ form.name }}</view>
           <view>
             <text v-if="activeStatus==0&&authenticationStatusa" class="text-danger">未激活</text>
             <text v-else>
@@ -18,7 +16,14 @@
             </text>
           </view>
         </view>
-      <view class="flexbox" style="justify-content: flex-end;padding: 0 30rpx 40rpx;">
+        <view class="flexbox">
+          <view>
+            有效日期至
+            <text class="highlight">{{ form?.validityDate?.slice(0, 10) }}</text>
+          </view>
+        
+        </view>
+        <view class="flexbox" style="justify-content: flex-end;padding: 20rpx 40rpx 30rpx 40rpx;">
           <button v-if="activeStatus==0&&authenticationStatusa" class="btn-red" size="mini"
                   style="margin: 0 20rpx 0 0;" @click="payTheFees">激活
           </button>
@@ -45,6 +50,9 @@
           </view>
         </view>
       </view>
+    
+    </view>
+    
     <view class="mainbox">
       <uni-list>
         <uni-list-item v-if="authenticationStatusa != 1&&authenticationStatusa != 0&&authenticationStatusa != 3"
@@ -121,6 +129,7 @@
         </uni-list-item>
       </uni-list>
     </view>
+    
     <!-- 弹窗添加触摸事件拦截 -->
     <uni-popup ref="applyPopup" type="center" @close="onPopupClose" @open="onPopupOpen"
                @touchmove.stop.prevent="() => {}">
@@ -511,7 +520,6 @@ function payTheFees() {
 .frrr {
   width: 100%;
   text-align: right;
-  text-align: right;
   display: flex;
   flex-wrap: wrap;
   justify-content: flex-end;
@@ -543,14 +551,34 @@ function payTheFees() {
   color: #999;
 }
 
-.flexbox {
-  padding: 30rpx;
+.head-box {
+  width: calc(100% - 60rpx);
+  margin: 0 auto;
   background-color: #fff;
+  border-radius: 30rpx;
+  margin-top: 20rpx;
+  padding-top: 20rpx;
+  
+  .title {
+    font-size: 40rpx;
+    font-weight: bold;
+  }
+}
+
+.flexbox {
+  padding: 10rpx 30rpx;
   justify-content: space-between;
 }
 
+.highlight {
+  color: orange;
+}
+
 .mainbox {
   margin: 30rpx;
+  padding: 70rpx 20rpx;
+  border-radius: 30rpx;
+  background-color: #ffff;
 }
 
 .apply-dialog {
@@ -616,5 +644,8 @@ function payTheFees() {
 .btn-red, .btn-red-kx {
   padding: 0 !important;
   width: 140rpx;
+  border-radius: 30rpx;
+  height: 55rpx;
+  line-height: 55rpx;
 }
 </style>

@@ -47,13 +47,13 @@
       <view class="payRow ">
         <radio-group @change="onPayTypeChange">
           <label class="radioItem">
-            <radio :checked="payType === '1'" class="custom-radio" value="1"/>
+            <radio :checked="payType === '0'" class="custom-radio" value="0"/>
             <view class="payInfo">
               <image :src="config.baseUrl_api + '/fs/static/min.png'" class="icon" mode="widthFix"></image>
               <text>民生付</text>
             </view>
           </label>
-          <label class="radioItem mt10" >
+          <label class="radioItem mt10">
             <radio :checked="payType === '3'" class="custom-radio" value="3"/>
             <view class="payInfo">
               <image :src="config.baseUrl_api + '/fs/static/min.png'" class="icon" mode="widthFix"></image>
@@ -67,11 +67,11 @@
       <view v-if="payType === '3'" class="card transfer-form">
         <view class="form-item">
           <text class="form-label">联系人</text>
-          <input class="form-input" v-model="form.contactPerson" placeholder="请输入联系人" />
+          <input v-model="form.contactPerson" class="form-input" placeholder="请输入联系人"/>
         </view>
         <view class="form-item">
           <text class="form-label">联系电话</text>
-          <input class="form-input" v-model="form.contactTel" type="number" placeholder="请输入联系电话" />
+          <input v-model="form.contactTel" class="form-input" placeholder="请输入联系电话" type="number"/>
         </view>
       </view>
       

@@ -949,7 +949,7 @@ const confirmLogout = () => {
   padding-bottom: 20rpx;
   
   .logOutBtn {
-    background-image: linear-gradient(135deg, #dbbb69 10%, #f0deb0 100%);;
+    background-image: linear-gradient(135deg, #dbbb69 10%, #f0deb0 100%);
     backdrop-filter: blur(4px);
     width: 80%;
     border: 1px solid #dadada;