添加备份钱包

src/views/login/createWallet/index.vue

@@ -54,14 +54,13 @@
       </van-button>
     </div>
   </van-form>
-  <van-popup v-model:show="show" :style="{ borderRadius:'25px' }">
+  <van-popup v-model:show="show" round position="bottom" style="height:387px">
     <div class="pop-content">
-      <div class="pop-title">請輸入暱稱</div>
-      <van-field v-model="nickname" class="pop-input"/>
-      <div class="pop-btn">
-        <van-button type="default" class="btn cancel" @click="show = false">取消</van-button>
-        <van-button type="default" class="btn confirm" @click="show = false">確定</van-button>
-      </div>
+      <div class="pop-title">备份钱包</div>
+      <svg-icon class="pop-icon" name="bf"/>
+      <div class="pop-subtitle">请勿截图</div>
+      <div class="pop-text">如果有人获取了你的助记词将直接获取你的资产请抄下助记词并存放在安全的地方</div>
+      <van-button class="pop-btn" round block @click="goTo">好的</van-button>
     </div>
   </van-popup>
 </template>
@@ -83,6 +82,9 @@ const onSubmit = ()=>{
     $msg($t("form.InconsistentPasswords"));
     return 
   }
+  show.value = true;
+}
+const goTo = () => {
   let data = _.cloneDeep(form.value)
   data.password = cryptoEncode(data.password)
   data.confirmPassword = cryptoEncode(data.confirmPassword)
@@ -97,6 +99,7 @@ const onSubmit = ()=>{
       walletInfo: JSON.stringify(data)
     }
   });
+  show.value = false;
 }
 
 </script>
@@ -121,4 +124,50 @@ const onSubmit = ()=>{
     border:none !important;
   }
 }
+.pop-content{
+  padding: 36px 40px 50px;
+  height: 387px;
+  box-sizing: border-box;
+  .pop-title{
+    font-family: PingFang SC, PingFang SC;
+    font-weight: 500;
+    font-size: 21px;
+    color: #000000;
+    text-align: center;
+  }
+  .pop-icon{
+    width: 84px;
+    height: 70px;
+    margin: 16px auto 12px;
+    display: block;
+  }
+  .pop-subtitle{
+    margin-bottom: 20px;
+    font-family: PingFang SC, PingFang SC;
+    font-weight: 400;
+    font-size: 17px;
+    color: #000000;
+    text-align: center;
+  }
+  .pop-text{
+    margin-bottom: 36px;
+    font-family: PingFang SC, PingFang SC;
+    font-weight: 400;
+    font-size: 12px;
+    color: #4F4F4F;
+    text-align: center;
+  }
+  .pop-btn{
+    height: 54px;
+    border-radius: 70px 70px 70px 70px;
+    font-family: PingFang SC, PingFang SC;
+    font-weight: 600;
+    font-size: 19px;
+    color: #FFFFFF;
+    background: #4F4F4F;
+    border:none !important;
+    box-sizing: border-box;
+    padding: 0 !important;
+  }
+}
 </style>