会员认证

张猛
Showing 3 changed files with 45 additions and 14 deletions
myCenter/auth.vue
myCenter/goPay.vue
personal/home.vue
--- a/myCenter/auth.vue
View file @441a011
+++ b/myCenter/auth.vue
View file @441a011
 <template>
  <view :class="{ 'lock-scroll': popupShow }">
    <view v-if="showDirectly&&directUnderFlag==0">
-      <view class="flexbox">
+      <view class="head-box">
-        <view>
+        <view class="flexbox ">
-          有效日期至
+          <view class="title">{{ form.name }}</view>
-          <text class="text-primary">{{ form?.validityDate?.slice(0, 10) }}</text>
-        </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 {
+.head-box {
-  padding: 30rpx;
+  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>
--- a/myCenter/goPay.vue
View file @441a011
+++ b/myCenter/goPay.vue
View file @441a011
@@ -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>
--- a/personal/home.vue
View file @441a011
+++ b/personal/home.vue
View file @441a011
@@ -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;