修改链接钱包弹窗样式，错误返回信息状态

src/components/errorDialog/errorDialog.vue

@@ -8,6 +8,7 @@
     </div>
     <div class="content">
       <div>{{ errorText }}</div>
+      <div>{{message}}</div>
     </div>
     <div class="btn" @click="handleClose">Confirm</div>
     <!-- <div class="confirm-box">
@@ -33,7 +34,7 @@ export default {
   },
   methods: {
     handleClose() {
-      this.$$emit('handleClose')
+      this.$emit('handleClose')
     }
   }
 };

src/components/walletDialog/index.vue

@@ -2,9 +2,9 @@
   <div class>
     <el-dialog class="dialog-wallet" :visible.sync="walletDialogVisible" :modal="false" :before-close="handleClose">
       <div class="dialog-header">
-        <div>Please connect your wallet</div>
+        <div class="dialog-header-title">Please connect your wallet</div>
-        <div @click="handleClose">
+        <div class="dialog-header-close" @click="handleClose">
-          <img src="./../../assets/home/close_btn.png" alt />
+          <img src="@/assets/common/CloseButton.png" alt />
         </div>
       </div>
       <div class="dialog-content">
@@ -52,11 +52,11 @@ export default {
           name: "OKXwallet",
           value: "okxwallet",
           imgUrl: require("./../../assets/home/icon_OKXwallet.png")
-        // },
+        },
-        // {
+        {
-        //   name: "WalletConnect",
+          name: "WalletConnect",
-        //   value: "connect",
+          value: "connect",
-        //   imgUrl: require("./../../assets/home/icon_ConnectWallet.png")
+          imgUrl: require("./../../assets/home/icon_ConnectWallet.png")
         }
       ],
       isWallet: !!localStorage.getItem('walletName'),
@@ -149,10 +149,9 @@ export default {
 div {
   .dialog-wallet {
     ::v-deep .el-dialog {
-      width: 600px;
+      border: 1px solid #924df2;
-      border-radius: 20px;
+      background: #1a1821;
-      overflow: hidden;
+      border-radius: 80px;
-      background: #2d2738;
       .el-dialog__header {
         // display: none;
         padding: 0;
@@ -161,33 +160,31 @@ div {
         }
       }
       .el-dialog__body {
-        padding: 0;
+        position: relative;
+        padding: 0 80px;
         color: #fff;
         .dialog-header {
-          display: flex;
+          margin-top: 20px;
-          justify-content: space-between;
+          .dialog-header-title {
-          align-items: center;
+            text-align: left;
-          padding: 0 30px;
+            font-weight: 700;
-          height: 60px;
+            font-size: 48px;
-          line-height: 60px;
+            font-family: "Anton-Regular";
-          background: #1c1725;
+          }
-          border-radius: 20px 20px 0 0;
+          .dialog-header-close {
-          font-size: 26px;
+            position: absolute;
-          font-family: "Anton";
+            top: -8%;
-          div {
+            right: -4%;
-            display: flex;
+            width: 120px;
-            justify-content: space-between;
+            height: 120px;
-            align-items: center;
+            cursor: pointer;
             img {
-              width: 30px;
+              width: 100%;
-              height: 30px;
+              height: 100%;
-              cursor: pointer;
             }
           }
         }
         .dialog-content {
-          background: #2d2738;
-          padding: 0 30px;
           padding-bottom: 20px;
           p {
             text-align: left;
@@ -196,14 +193,17 @@ div {
           }
           .wallet-content {
             li {
+              height: 70px;
               display: flex;
               align-items: center;
               margin: 20px 0;
+              padding-left: 50px;
               cursor: pointer;
-              border: 2px solid #625a6b;
               border-radius: 8px;
               text-align: left;
-              padding: 15px 30px;
+              background: url('@/assets/common/Please.png') no-repeat;
+              background-size: 100% 100%;
+              box-sizing: border-box;
               div {
                 display: flex;
                 align-items: center;
@@ -217,17 +217,25 @@ div {
                 }
               }
               &:hover {
-                background: #d5befa;
+                // background: #d5befa;
-                color: #000;
+                background: url('@/assets/common/disconnect.png') no-repeat;
-                border: 2px solid #d5befa;
+              background-size: 100% 100%;
+                // color: #000;
+                // border: 2px solid #d5befa;
               }
             }
-            li:nth-child(3) {
+            li:nth-child(4) {
-              background: #d5befa;
+              padding-left: 0;
+              background: url('@/assets/common/disconnect.png') no-repeat;
+              background-size: 100% 100%;
               .disconnect {
                 text-align: center;
                 margin: 0 auto;
-                color: #000;
+                // color: #000;
+              }
+              &:hover {
+                background: url('@/assets/common/Please.png') no-repeat;
+                background-size: 100% 100%;
               }
             }
           }