样式修改

src/App.vue

@@ -49,6 +49,11 @@
           </div>
         </div>
       </div>
+      <!-- <van-popup v-show="showGoCertificate">
+        <div>
+          去实名认证
+        </div>
+      </van-popup> -->
     </van-overlay>
     <router-view></router-view>
   </div>
@@ -56,13 +61,19 @@
 
 <script lang="ts">
 import Vue from "vue";
-import { Overlay } from "vant";
+import { Overlay,Popup } from "vant";
 import { token } from '@/util/userInfoUtils'
 Vue.use(Overlay);
+Vue.use(Popup);
 export default Vue.extend({
   components: {
     "app-icon": () => import("./components/common/Icon.vue"),
   },
+  data(){
+    return {
+      showGoCertificate:false
+    }
+  },
 
   name: "App",
   mounted() {
@@ -91,9 +102,12 @@ export default Vue.extend({
        */
       const isCertificate = localStorage.getItem('isCertificate')
       if(!isCertificate || isCertificate == 'false') {
+        // this.closeNFT()
+        // this.showGoCertificate = true
         this.$toast('对不起，请先进行实名认证~')
         return 
       }
+
       this.$router.push({
         name:obj.url,
         query:{

src/components/CollectionCard.vue

@@ -20,15 +20,15 @@
 
     <div class="right w-8/12">
       <div class="w-full px-4">
-        <div class=" text-lg">{{colletionData.name}}</div>
+        <div class=" text-sm">{{colletionData.name}}</div>
 
         <div class="mt-8">
-          <div class="text-font-dark-blue">NFT编号</div>
-            <p class=" break-words line-clamp-2   w-full text-2xs ">
+          <div class="text-font-dark-blue text-xs">NFT编号</div>
+            <p class=" break-words line-clamp-2   w-full text-xs ">
             {{colletionData.nftId}}
             </p>
         </div>
-        <div class="flex flex-wrap w-full text-sm mt-3" v-if="colletionData.isCommemorate == 0">
+        <div class="flex flex-wrap w-full text-xs mt-3" v-if="colletionData.isCommemorate == 0">
           <div class="text-font-dark-blue">题材</div>
           <div class="flex-1 pl-3 flex gap-x-2" v-for='(i,index) in getThemeList' :key="index">
             <span>{{i}}</span>

src/router/index.ts

@@ -202,7 +202,7 @@ const routes: Array<RouteConfig> = [
     name:'Safe',
     component: () => import("@/view/Safe/Safe.vue"),
     meta:{
-      title: '安全中心'
+      title: '实名认证'
     },
   },
   {

src/view/Home/index.vue

@@ -15,9 +15,9 @@
                 <!-- <div class=" px-5 py-1 w-32 mx-auto text-center bg-gradient-to-r from-app-orange to-app-purple rounded-full">
                   立即领取
                 </div> -->
-                <div class=" px-5 py-1 w-32 mx-auto text-center bg-gradient-to-r from-app-orange to-app-purple rounded-full" @click="goDetail(officialList[0].id,true)">
+                <!-- <div class=" px-5 py-1 w-32 mx-auto text-center bg-gradient-to-r from-app-orange to-app-purple rounded-full" @click="goDetail(officialList[0].id,true)">
                   立即领取
-                </div>
+                </div> -->
             </div>
             <img src="@/assets/img/banner.png"  class="w-full z-0">
         </div>

src/view/Mine/index.vue

@@ -55,7 +55,7 @@
         <div class='cells w-11/12 mx-auto text-font-white mt-3'>
             <app-cell text='转让记录' boxType='border' labelIcon='icon-heart' icon='icon-xiayibu' @click.native='$router.push({name:"TransferList"})'></app-cell>
             <app-cell text='收藏' boxType='border' labelIcon='icon-heart' icon='icon-xiayibu' @click.native='cellClick("Collection")'></app-cell>
-            <app-cell text='安全中心' boxType='border' labelIcon='icon-anquanzhongxin89' icon='icon-xiayibu' @click.native='$router.push({name:"Safe"})'></app-cell>
+            <app-cell text='实名认证' boxType='border' labelIcon='icon-anquanzhongxin89' icon='icon-xiayibu' @click.native='$router.push({name:"Safe"})'></app-cell>
             <app-cell text='联系我们' boxType='border' labelIcon='icon-lianxiwomen' icon='icon-xiayibu' @click.native='$router.push({name:"Contact"})'></app-cell>
             <app-cell text='设置' boxType='border' labelIcon='icon-setting' icon='icon-xiayibu' @click.native='$router.push({name:"Deving"})'></app-cell>
             <div class='h-16'></div>

src/view/NFT/TransferDetail/index.vue

@@ -4,18 +4,18 @@
         <SkeletonNftDetail  />
      </div>
      <div v-else class=' pl-5 pr-5 mt-6 overflow-y-scroll h-screen pb-48'>
-        <div class=" h-52 " v-if="transferDetail.category && transferDetail.category == '图片'">
+        <div class=" h-52 ">
             <img v-if="transferDetail.cover" :src="transferDetail.cover" alt="" class=" max-h-full max-w-full mx-auto">
             <img v-else src="/img/cover.png" alt="" class=" max-h-full max-w-full mx-auto">
         </div>
-        <div class=" h-48 mb-5 bg-font-light-black bg-opacity-70 rounded pt-2 pb-2 pr-8 pl-8 text-font-dark-blue" v-else>
+        <!-- <div class=" h-48 mb-5 bg-font-light-black bg-opacity-70 rounded pt-2 pb-2 pr-8 pl-8 text-font-dark-blue" v-else>
             <div class=" flex items-center">
                 <div class=" w-2/6 h-44 mr-4 bg-imgbox">
                   <img  v-if="transferDetail.cover" :src="transferDetail.cover" alt="" class="bg-img rounded">  
                   <img v-else src="/img/cover.png" alt="" class="bg-img rounded">
                 </div>
                 <div class="flex-1 ">
-                    <div class=" text-white text-lg">{{transferDetail.nftName || 'NFT名称'}}</div>
+                    <div class=" text-white text-sm">{{transferDetail.nftName || 'NFT名称'}}</div>
                     <div class="flex h-8">
                         <div class=" mr-3 text-gray-400">类型</div>
                         <div>{{transferDetail.category}}</div>
@@ -24,25 +24,24 @@
                         <div class=" mr-3 text-gray-400">状态</div>
                         <div>已完成</div>
                     </div>
-                    <div class="flex h-8">
-                        <!-- <div class=" mr-3 text-gray-400">时间</div> -->
+                    <div class="flex h-8">>
                         <div>{{transferDetail.createDate && transferDetail.createDate.substring(0,16)}}</div>
                     </div>
                 </div>
             </div>
-        </div>
+        </div> -->
         <div class=" h-20  mt-3 border-b border-font-gray border-opacity-25">
-            <div class=" text-white">{{transferDetail.nftName || 'NFT名称'}}</div>
-            <div class=" text-font-dark-blue flex justify-between mt-4">
+            <div class=" text-white text-sm">{{transferDetail.nftName || 'NFT名称'}}</div>
+            <div class=" text-font-dark-blue flex justify-between mt-4 text-sm">
                 <div>
                     NFT类型： <span class="text-white">{{transferDetail.category}}</span>
                 </div>
                 <div>
-                    创作者： <span class="text-white">{{transferDetail.publisher}}</span>
+                    发行人： <span class="text-white">{{transferDetail.publisher}}</span>
                 </div>
             </div>
         </div>
-        <div class=" h-20 flex items-center text-font-dark-blue ">
+        <div class=" h-20 flex items-center text-font-dark-blue text-sm">
             <div class=" rounded-full w-10 h-10">
                 <img v-if="transferDetail.fromAvatar" :src="transferDetail.fromAvatar" alt=""  class=" rounded-full w-10 h-10 ">
                 <img v-else src="/img/mokeImg/avatar.png" alt=""  class=" rounded-full w-10 h-10 ">
@@ -50,7 +49,7 @@
             <div class=" ml-3 flex-1">
                 <div class="flex">
                     <div class=" mr-2 text-white">{{transferDetail.fromNickname || '转出人姓名'}}</div>
-                    <div class=" w-12 bg-font-light-black text-center leading-6 text-sm rounded-xl">转出</div>
+                    <div class=" w-12 bg-font-light-black text-center leading-5 text-xs rounded-xl">转出</div>
                 </div>
                 <div class=" w-64 overflow-hidden overflow-ellipsis whitespace-nowrap">{{transferDetail.fromWallet || '转出人地址'}}</div>
             </div>
@@ -58,7 +57,7 @@
                 <img src="@/assets/icons/copy.png" class="copyBtn max-h-5" alt="" @click="handleClickCopy(transferDetail.fromWallet)">
             </div>
         </div>
-        <div class=" h-20 flex items-center text-font-dark-blue border-b border-font-gray border-opacity-25">
+        <div class=" h-20 flex items-center text-font-dark-blue border-b border-font-gray border-opacity-25 text-sm">
             <div class=" rounded-full w-10 h-10 ">
                 <img v-if="transferDetail.toAvatar" :src="transferDetail.toAvatar" alt=""  class=" rounded-full w-10 h-10 ">
                 <img v-else src="/img/mokeImg/avatar.png" alt=""  class=" rounded-full w-10 h-10 ">
@@ -66,7 +65,7 @@
             <div class=" ml-3 flex-1">
                 <div class="flex">
                     <div class=" mr-2 text-white">{{transferDetail.toNickname || '转入人姓名'}}</div>
-                    <div class="w-12 bg-font-light-black text-center text-sm leading-6 rounded-xl">接收</div>
+                    <div class="w-12 bg-font-light-black text-center text-xs leading-5 rounded-xl">接收</div>
                 </div>
                 <div class=" w-64 overflow-hidden overflow-ellipsis whitespace-nowrap">{{transferDetail.toWallet || '转入人地址'}}</div>
             </div>

src/view/NFT/TransferList/index.vue

@@ -16,17 +16,17 @@
                   <img v-else src="/img/cover.png" alt="" class="bg-img rounded">
                 </div>
                 <div class="flex-1 ">
-                    <div class=" text-white text-lg">{{i.nftName || 'NFT名称'}}</div>
-                    <div class="flex h-8">
+                    <div class=" text-white text-sm">{{i.nftName || 'NFT名称'}}</div>
+                    <div class="flex h-8 text-xs mt-3">
                         <div class=" mr-3 text-gray-400">类型</div>
                         <div>{{i.category}}</div>
                     </div>
-                    <div class="flex h-8">
+                    <div class="flex h-8 text-xs">
                         <div class=" mr-3 text-gray-400">状态</div>
                         <div>已完成</div>
                     </div>
-                    <div class="flex h-8">
-                        <!-- <div class=" leading-8 mr-3 text-gray-400">时间</div> -->
+                    <div class="flex h-8 text-xs">
+                        <div class=" mr-3 text-gray-400">时间</div>
                         <div class="">{{i.createDate.substring(0,16)}}</div>
                     </div>
                 </div>

src/view/Safe/CertificationPersion.vue

@@ -41,8 +41,9 @@
                     <img src="/img/certification.png" alt="" class=" w-1/6 mx-auto">
                 </div>
                 <div class=" text-font-red text-xl mt-5">已实名</div>
-                <div class=" mt-10">姓名：<span>{{successInfo.name}}</span></div>
-                <div class=" mt-2">身份证号：<span>{{successInfo.id}}</span></div>
+                <div class=" mt-10">姓名：<span>{{successInfo.name.substring(0,1)+'**'}}</span></div>
+                <div class=" mt-2">身份证号：<span>{{successInfo.id.toString().substring(0,1)+'****************'+successInfo.id.toString().substring(successInfo.id.toString().length-2,successInfo.id.toString().length-1)}}</span></div>
+                <!-- <div class=" mt-4">实名信息认证后不可修改</div> -->
             </div>
             <!-- 失败 -->
             <div v-else class=" text-white">
@@ -96,7 +97,7 @@ export default Vue.extend({
           }else {
               return false
           }
-      }
+      },
   },
   methods:{
       async nextStep(){

src/view/User/index.vue

@@ -8,7 +8,7 @@
         <app-cell text='昵称'  boxType='border' :value='userInfo.nickname?userInfo.nickname:"无昵称"' icon='icon-xiayibu' @click.native="goEdit({type:'nickname',title:'设置昵称'})"></app-cell>
         <app-cell text='手机号' boxType='border' type='click' :value='userInfo.telephone?userInfo.telephone:""' ></app-cell>
         <!-- <app-cell text='邮箱绑定'  boxType='border' :value='userInfo.email?userInfo.email:""' icon='icon-xiayibu' @click.native="goEdit({type:'email',title:'邮箱绑定'})"></app-cell> -->
-        <app-cell text='个性签名' :value="signature" boxType='border' icon='icon-xiayibu'  @click.native="goEdit({type:'signature',title:'个性签名'})"></app-cell>
+        <app-cell text='个人简介' :value="signature" boxType='border' icon='icon-xiayibu'  @click.native="goEdit({type:'signature',title:'个人简介'})"></app-cell>
         <!-- <app-cell text='安全中心' boxType='border' icon='icon-xiayibu' @click.native='$router.push({name:"Deving"})' ></app-cell>
          <app-cell text='消息管理' boxType='border' icon='icon-xiayibu' @click.native='$router.push({name:"Deving"})'></app-cell> -->
     </div>