diff --git a/package.json b/package.json
index cb97766..ba82888 100644
--- a/package.json
+++ b/package.json
@@ -4,7 +4,8 @@
   "private": true,
   "scripts": {
     "serve": "vue-cli-service serve",
-    "build": "vue-cli-service build"
+    "build": "vue-cli-service build",
+    "deploy:prod": "npm run build && scp -r ./dist/* vpsDcminer:/data/wwwroot/netdisk"
   },
   "dependencies": {
     "@antv/l7": "^2.15.5",
diff --git a/public/index.html b/public/index.html
index 7b5e556..c1fa9d6 100644
--- a/public/index.html
+++ b/public/index.html
@@ -5,9 +5,9 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <!-- <meta name="viewport" content="width=device-width,initial-scale=1.0"> -->
     <meta name="viewport"
-    content="width=device-width, initial-scale=0.3, minimum-scale=0.3, maximum-scale=1, user-scalable=yes">
+    content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=yes">
     <link rel="icon" href="<%= BASE_URL %>favicon.ico">
-    <title>Titan Storage</title>
+    <title>BUZZ Netdisk</title>
     <!-- <title><%= htmlWebpackPlugin.options.title %></title> -->
   </head>
   <body>
diff --git a/src/App.vue b/src/App.vue
index d949e02..6fb9ae5 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -40,6 +40,12 @@ export default {
 };
 </script>
 <style lang="less">
+
+.el-progress-bar {
+  padding:0px !important;
+  width:85% !important;
+}
+
 .language-color-two {
   margin-left: 20px;
   font-size: 18px;
@@ -545,6 +551,8 @@ input:focus {
   }
 }
 .metacustomClass {
+  max-width: 95vw;
+
   .el-button--default {
     background: #67c23a !important;
     color: #fff !important;
diff --git a/src/assets/logo-black.png b/src/assets/logo-black.png
new file mode 100644
index 0000000..b2bc838
Binary files /dev/null and b/src/assets/logo-black.png differ
diff --git a/src/assets/logo.png b/src/assets/logo.png
new file mode 100644
index 0000000..23dbfcd
Binary files /dev/null and b/src/assets/logo.png differ
diff --git a/src/components/layout.vue b/src/components/layout.vue
index 24f8537..1bfd3d3 100644
--- a/src/components/layout.vue
+++ b/src/components/layout.vue
@@ -1,88 +1,48 @@
 <template>
-  <el-container>
-    <el-aside width="324px">
-      <div class="aside">
-        <div style="margin-left: 30px">
-          <img
-            style="width: 226px; height: 34px"
-            src="../assets/newimages/TTs-logonew.svg"
-          />
-        </div>
-        <div
-          style="margin-bottom: 24px; position: relative; z-index: 10"
-          @click="tabid(1, '/home/dashboard')"
-          :class="$route.path == '/home/dashboard' ? 'asideColoe' : ''"
-        >
-          <img
-            class="imgMargin-left"
-            v-if="$route.path == '/home/dashboard'"
-            src="../assets/storageImg/Dashboard-1.png"
-          />
-          <img
-            class="imgMargin-left"
-            v-else
-            src="../assets/storageImg/Dashboard.png"
-          />
-
-          {{ $t("仪表盘") }}
-        </div>
-        <div
-          style="margin-bottom: 24px; position: relative; z-index: 10"
-          @click="tabid(2, '/home/fileStorage')"
-          :class="$route.path == '/home/fileStorage' ? 'asideColoe' : ''"
-        >
-          <img
-            class="imgMargin-left"
-            v-if="$route.path == '/home/fileStorage'"
-            src="../assets/storageImg/Folder-1.png"
-          />
-          <img
-            class="imgMargin-left"
-            v-else
-            src="../assets/storageImg/Folder.png"
-          />
-          {{ $t("文件") }}
-        </div>
-        <div
-          style="margin-bottom: 24px; position: relative; z-index: 10"
-          @click="tabid(3, '/home/key')"
-          :class="$route.path == '/home/key' ? 'asideColoe' : ''"
-        >
-          <img
-            class="imgMargin-left"
-            v-if="$route.path == '/home/key'"
-            src="../assets/storageImg/Other-1.png"
-          />
-          <img
-            class="imgMargin-left"
-            v-else
-            src="../assets/storageImg/Other.png"
-          />
-          API Keys
-        </div>
-        <div
-          style="margin-bottom: 24px; position: relative; z-index: 10"
-          @click="tabid(4, '/home/center')"
-          :class="$route.path == '/home/center' ? 'asideColoe' : ''"
-        >
-          <img
-            class="imgMargin-left"
-            v-if="$route.path == '/home/center'"
-            src="../assets/storageImg/Invite Friends-1.png"
-          />
-          <img
-            class="imgMargin-left"
-            v-else
-            src="../assets/storageImg/Invite Friends.png"
-          />
-          {{ $t("个人中心") }}
-        </div>
-        <div class="lianjie">
-          <div class="footer-img">
-            <img src="../assets/storageImg/img7.png" />
+  <div>
+    <el-main style="background: #f6f6f6;max-width:100vw;padding:0">
+      <div style="max-width:100vw;min-height:100vh"><router-view /></div>
+    </el-main>
+    <el-container v-if="false">
+      <el-aside width="324px">
+        <div class="aside">
+          <div style="margin-left: 30px">
+            <img style="width: 226px; height: 34px" src="../assets/newimages/TTs-logonew.svg" />
           </div>
-        </div>
-        <!-- <div class="lianjie">
+          <div style="margin-bottom: 24px; position: relative; z-index: 10" @click="tabid(1, '/home/dashboard')"
+            :class="$route.path == '/home/dashboard' ? 'asideColoe' : ''">
+            <img class="imgMargin-left" v-if="$route.path == '/home/dashboard'"
+              src="../assets/storageImg/Dashboard-1.png" />
+            <img class="imgMargin-left" v-else src="../assets/storageImg/Dashboard.png" />
+
+            {{ $t("仪表盘") }}
+          </div>
+          <div style="margin-bottom: 24px; position: relative; z-index: 10" @click="tabid(2, '/home/fileStorage')"
+            :class="$route.path == '/home/fileStorage' ? 'asideColoe' : ''">
+            <img class="imgMargin-left" v-if="$route.path == '/home/fileStorage'"
+              src="../assets/storageImg/Folder-1.png" />
+            <img class="imgMargin-left" v-else src="../assets/storageImg/Folder.png" />
+            {{ $t("文件") }}
+          </div>
+          <div style="margin-bottom: 24px; position: relative; z-index: 10" @click="tabid(3, '/home/key')"
+            :class="$route.path == '/home/key' ? 'asideColoe' : ''">
+            <img class="imgMargin-left" v-if="$route.path == '/home/key'" src="../assets/storageImg/Other-1.png" />
+            <img class="imgMargin-left" v-else src="../assets/storageImg/Other.png" />
+            API Keys
+          </div>
+          <div style="margin-bottom: 24px; position: relative; z-index: 10" @click="tabid(4, '/home/center')"
+            :class="$route.path == '/home/center' ? 'asideColoe' : ''">
+            <img class="imgMargin-left" v-if="$route.path == '/home/center'"
+              src="../assets/storageImg/Invite Friends-1.png" />
+            <img class="imgMargin-left" v-else src="../assets/storageImg/Invite Friends.png" />
+            {{ $t("个人中心") }}
+          </div>
+          <div class="lianjie">
+            <div class="footer-img">
+              <img src="../assets/storageImg/img7.png" />
+            </div>
+          </div>
+          <!-- <div class="lianjie">
           <div class="lianjie-item">
             <div class="item" @click="jumplink('https://filecoinproject.slack.com/archives/C03QG9433HA')">
               <img style="width:34px;height:32px;" src="../assets/WEB3/slack.svg">
@@ -98,35 +58,33 @@
             </div>
           </div>
         </div> -->
-      </div>
-    </el-aside>
-    <el-container>
-      <el-header>
-        <div class="el-header-title">
-          <div>Titan | Storage</div>
-          <div>
-            <div class="lianje-new-color">
-              <div @click="jumplink('https://medium.com/@8355697')">
-                <img src="../assets/storageImg/Frame 427318627.png" />
-              </div>
-              <div @click="jumplink('https://t.me/titannet_dao')">
-                <img src="../assets/storageImg/Frame 427318628.png" />
-              </div>
-              <div @click="jumplink('https://twitter.com/Titannet_dao')">
-                <img src="../assets/storageImg/Frame 427318629.png" />
-              </div>
-              <div
-                @click="
+        </div>
+      </el-aside>
+      <el-container>
+        <el-header>
+          <div class="el-header-title">
+            <div>Titan | Storage</div>
+            <div>
+              <div class="lianje-new-color">
+                <div @click="jumplink('https://medium.com/@8355697')">
+                  <img src="../assets/storageImg/Frame 427318627.png" />
+                </div>
+                <div @click="jumplink('https://t.me/titannet_dao')">
+                  <img src="../assets/storageImg/Frame 427318628.png" />
+                </div>
+                <div @click="jumplink('https://twitter.com/Titannet_dao')">
+                  <img src="../assets/storageImg/Frame 427318629.png" />
+                </div>
+                <div @click="
                   jumplink(
                     'https://filecoinproject.slack.com/archives/C03QG9433HA'
                   )
-                "
-              >
-                <img src="../assets/storageImg/Frame 427318630.png" />
+                  ">
+                  <img src="../assets/storageImg/Frame 427318630.png" />
+                </div>
+                <div></div>
               </div>
-              <div></div>
-            </div>
-            <!-- <el-dropdown style="margin-right:10px;">
+              <!-- <el-dropdown style="margin-right:10px;">
                 <el-button type="success">
                   简体中文<i class="el-icon-arrow-down el-icon--right"></i>
                 </el-button>
@@ -139,69 +97,42 @@
                 </el-dropdown-menu>
               </el-dropdown> -->
 
-            <el-dropdown>
-              <!-- <span v-if="address" class="el-dropdown-link">{{`${address.slice(0, 6)}....${address.slice(address.length - 4,address.length)}` || emailAddress}}</span>
+              <el-dropdown>
+                <!-- <span v-if="address" class="el-dropdown-link">{{`${address.slice(0, 6)}....${address.slice(address.length - 4,address.length)}` || emailAddress}}</span>
                  <span v-else class="el-dropdown-link">{{emailAddress}}</span> -->
-              <div class="login-el-icon--right">
-                <img
-                  v-if="loginType == 1"
-                  class="iconImgSize"
-                  src="../assets/storageImg/Frame 427318626.png"
-                />
-                <img
-                  v-if="loginType == 2"
-                  class="iconImgSize"
-                  src="../assets/storageImg/Frame 427318625-1.png"
-                />
-                <img
-                  v-if="loginType == 3"
-                  class="iconImgSize"
-                  src="../assets/storageImg/Frame 427318625.png"
-                />
-                <span
-                  v-if="address.indexOf('@') > -1"
-                  class="el-dropdown-link1"
-                  >{{ address }}</span
-                >
-                <span v-else class="el-dropdown-link1">{{
-                  `${address.slice(0, 6)}....${address.slice(
-                    address.length - 4,
-                    address.length
-                  )}` || emailAddress
-                }}</span>
-                <i
-                  style="cursor: pointer"
-                  class="el-icon-arrow-down el-icon--right"
-                ></i>
-              </div>
+                <div class="login-el-icon--right">
+                  <img v-if="loginType == 1" class="iconImgSize" src="../assets/storageImg/Frame 427318626.png" />
+                  <img v-if="loginType == 2" class="iconImgSize" src="../assets/storageImg/Frame 427318625-1.png" />
+                  <img v-if="loginType == 3" class="iconImgSize" src="../assets/storageImg/Frame 427318625.png" />
+                  <span v-if="address.indexOf('@') > -1" class="el-dropdown-link1">{{ address }}</span>
+                  <span v-else class="el-dropdown-link1">{{
+                    `${address.slice(0, 6)}....${address.slice(
+                      address.length - 4,
+                      address.length
+                    )}` || emailAddress
+                  }}</span>
+                  <i style="cursor: pointer" class="el-icon-arrow-down el-icon--right"></i>
+                </div>
 
-              <el-dropdown-menu slot="dropdown" style="width: 100px">
-                <el-dropdown-item @click.native="loginout"
-                  >{{ $t("登出") }}
-                </el-dropdown-item>
-                <!-- <el-dropdown-item>狮子头</el-dropdown-item>
+                <el-dropdown-menu slot="dropdown" style="width: 100px">
+                  <el-dropdown-item @click.native="loginout">{{ $t("登出") }}
+                  </el-dropdown-item>
+                  <!-- <el-dropdown-item>狮子头</el-dropdown-item>
                 <el-dropdown-item>螺蛳粉</el-dropdown-item>
                 <el-dropdown-item disabled>双皮奶</el-dropdown-item>
                 <el-dropdown-item divided>蚵仔煎</el-dropdown-item> -->
-              </el-dropdown-menu>
-            </el-dropdown>
-            <!-- <div class="language-color" @click="langToggle(selectLang=='zh'?'en':'zh')">
+                </el-dropdown-menu>
+              </el-dropdown>
+              <!-- <div class="language-color" @click="langToggle(selectLang=='zh'?'en':'zh')">
               <span>{{selectLang =='zh'?'English':'简体中文'}}</span>
               <img class="language-img" src="../assets/storageImg/Frame.png">
             </div> -->
-            <div
-              class="language-color-two"
-              @click="langToggle(selectLang == 'zh' ? 'en' : 'zh')"
-            >
-              <span :class="selectLang == 'en' ? 'activelanguage' : ''"
-                >En</span
-              >
-              <span>/</span>
-              <span :class="selectLang == 'zh' ? 'activelanguage' : ''"
-                >中文</span
-              >
-            </div>
-            <!-- <div class="language">
+              <div class="language-color-two" @click="langToggle(selectLang == 'zh' ? 'en' : 'zh')">
+                <span :class="selectLang == 'en' ? 'activelanguage' : ''">En</span>
+                <span>/</span>
+                <span :class="selectLang == 'zh' ? 'activelanguage' : ''">中文</span>
+              </div>
+              <!-- <div class="language">
               <el-select class="language-color" v-model="selectLang" placeholder="Select" @change="langToggle">
                     <el-option
                       v-for="item in options"
@@ -212,8 +143,8 @@
               </el-select>
 
             </div> -->
-          </div>
-          <!-- <div>
+            </div>
+            <!-- <div>
             <div @click="loginout">登出</div>
             <div>
               {{
@@ -227,18 +158,19 @@
               <img src="../assets/images/arrow-down.svg" />
             </div>
           </div> -->
-        </div>
+          </div>
 
-        <!-- <div
+          <!-- <div
           style="width: 100%; height: 1px; background: #ddd; opacity: 0.5"
         ></div> -->
-      </el-header>
-      <el-main style="background: #f6f6f6">
-        <div style="min-width: 1200px"><router-view /></div>
-      </el-main>
-      <!-- <el-footer>Footer</el-footer> -->
+        </el-header>
+        <el-main style="background: #f6f6f6">
+          <div style="min-width: 1200px"><router-view /></div>
+        </el-main>
+        <!-- <el-footer>Footer</el-footer> -->
+      </el-container>
     </el-container>
-  </el-container>
+  </div>
 </template>
 
 <script>
@@ -265,7 +197,7 @@ export default {
       ],
     };
   },
-  mounted() {},
+  mounted() { },
   props: {
     msg: String,
   },
@@ -303,18 +235,22 @@ export default {
 .language-color-two {
   margin-left: 20px;
   font-size: 18px;
+
   .activelanguage {
     color: #06c270 !important;
     font-weight: bolder;
   }
-  > span:nth-child(2) {
+
+  >span:nth-child(2) {
     margin: 0 3px;
   }
-  > span:nth-child(1),
-  > span:nth-child(3) {
+
+  >span:nth-child(1),
+  >span:nth-child(3) {
     cursor: pointer;
   }
 }
+
 .language-color {
   width: 111px;
   height: 38px;
@@ -327,24 +263,28 @@ export default {
   align-items: center;
   justify-content: center;
   cursor: pointer;
+
   .language-img {
     width: 15px !important;
     height: 15px !important;
     margin-left: 5px;
   }
 }
+
 .el-dropdown-link1 {
   color: #718096 !important;
   font-size: 20px !important;
   font-weight: 500;
   cursor: pointer;
 }
+
 .iconImgSize {
   width: 28px;
   height: 28px;
   margin-right: 12px;
   vertical-align: middle;
 }
+
 .login-el-icon--right {
   /deep/ .el-icon--right {
     width: 16px !important;
@@ -353,26 +293,32 @@ export default {
     font-weight: bold;
   }
 }
+
 .language {
   /deep/ .el-select .el-input__inner:focus {
     border: none !important;
   }
 }
+
 .lianjie {
   position: absolute;
   bottom: 43px;
   left: 0;
+
   .footer-img {
-    > img {
+    >img {
       width: 324px;
       height: auto;
     }
   }
+
   .lianjie-item {
     display: flex;
+
     .item2 {
       margin: 0 10px;
     }
+
     .item {
       width: 54px;
       height: 54px;
@@ -391,48 +337,60 @@ export default {
 .el-select .el-input.is-focus .el-input__inner {
   border-color: none !important;
 }
+
 /deep/ .language-color.el-select .el-input .el-select__caret {
   color: #fff !important;
 }
+
 .language-color {
   margin-left: 10px;
+
   /deep/ .el-input.is-active .el-input__inner,
   .el-input__inner:focus {
     border: none !important;
   }
+
   /deep/ .el-range-editor.is-active,
   .el-range-editor.is-active:hover,
   .el-select .el-input.is-focus .el-input__inner {
     border: none !important;
   }
+
   /deep/ .el-select .el-input .el-select__caret {
     color: #fff !important;
   }
+
   /deep/ .el-input__inner {
     background: #67c23a !important;
     color: #fff !important;
   }
+
   /deep/ .el-range-editor.is-active,
   .el-range-editor.is-active:hover,
   .el-select .el-input.is-focus .el-input__inner {
     border-color: #67c23a !important;
   }
+
   /deep/ .el-select-dropdown__item.selected {
     color: #67c23a !important;
   }
 }
+
 .language-color.el-select {
   width: 120px;
 }
+
 // .el-header {
 //   height: 81px !important;
 // }
 .el-main {
   padding: 34px 36px 46px 36px !important;
 }
+
 .el-header {
   padding: 0 !important;
 }
+
 // .el-header-title{
 //   height: 80px;
 //   background: #FFFFFF;
@@ -461,44 +419,55 @@ export default {
   box-sizing: border-box;
   box-shadow: 2px 2px 8px 0px rgba(82, 90, 102, 0.08),
     1px 1px 2px 0px rgba(82, 90, 102, 0.04);
-  > div:nth-child(1) {
+
+  >div:nth-child(1) {
     color: rgba(31, 44, 55, 0.8);
     font-weight: bold;
     font-size: 20px;
   }
-  > div:nth-child(2) {
+
+  >div:nth-child(2) {
     display: flex;
     // margin-right:100px;
     align-items: center;
+
     .lianje-new-color {
       margin-right: 30px;
       display: flex;
       align-items: center;
-      > div:nth-child(5) {
+
+      >div:nth-child(5) {
         width: 1px;
         height: 25px;
         background: rgba(17, 193, 109, 0.8);
       }
-      > div {
+
+      >div {
         cursor: pointer;
       }
+
       display: flex;
-      > div:nth-child(2) {
+
+      >div:nth-child(2) {
         margin: 0 15px;
       }
-      > div:nth-child(4) {
+
+      >div:nth-child(4) {
         margin: 0 30px 0 15px;
       }
-      > div {
+
+      >div {
         display: flex;
         align-items: center;
         justify-content: center;
-        > img {
+
+        >img {
           width: 40px;
           height: 40px;
         }
       }
     }
+
     //  >div{
     //   cursor: pointer;
     //    >img{
@@ -509,11 +478,13 @@ export default {
     //  }
   }
 }
+
 /deep/ .el-aside {
   background: #090c0e;
   border-radius: 0px 32px 32px 0px;
   color: #666;
 }
+
 .aside {
   // padding: 103px 20px;
   padding-top: 98px;
@@ -523,6 +494,7 @@ export default {
   height: 100%;
   box-sizing: border-box;
   color: #adb4aa;
+
   // .aside-img{
   //   width:24px;
   //   height:24px;
@@ -534,7 +506,8 @@ export default {
     color: #000;
     color: #fff !important;
   }
-  > div:nth-child(2),
+
+  >div:nth-child(2),
   :nth-child(3),
   :nth-child(4),
   :nth-child(5) {
@@ -548,6 +521,7 @@ export default {
     display: flex;
     align-items: center;
     border-radius: 30px !important;
+
     .imgMargin-left {
       width: 24px;
       height: 24px;
@@ -555,10 +529,12 @@ export default {
       margin-left: 54px;
     }
   }
-  > div:nth-child(2) {
+
+  >div:nth-child(2) {
     margin-top: 60px;
   }
-  > div:nth-child(1) {
+
+  >div:nth-child(1) {
     cursor: pointer;
     // font-size: 24px;
     // font-weight: bold;
diff --git a/src/components/myModal.vue b/src/components/myModal.vue
index 641bd64..13abad8 100644
--- a/src/components/myModal.vue
+++ b/src/components/myModal.vue
@@ -25,7 +25,7 @@ export default {
     },
     width: {
       type: Number | String,
-      default: "50%",
+      default: "100%",
     },
     append: {
       type: Boolean,
diff --git a/src/lang/index.js b/src/lang/index.js
index 359c79d..d237492 100644
--- a/src/lang/index.js
+++ b/src/lang/index.js
@@ -19,9 +19,9 @@ const messages = {
 }
 let lang = '';
 try{
-    lang = JSON.parse(localStorage.getItem('login-info')).lang || 'en';
+    lang = JSON.parse(localStorage.getItem('login-info')).lang || 'zh';
 } catch(err) {
-    lang = 'en';
+    lang = 'zh';
 }
 const i18n = new VueI18n({
     messages,
@@ -29,4 +29,5 @@ const i18n = new VueI18n({
     silentFallbackWarn: true, // 抑制警告
 })
 ElementLocale.i18n((key, value) => i18n.t(key, value))
-export default i18n
\ No newline at end of file
+export default i18n
+
diff --git a/src/router/index.js b/src/router/index.js
index 21e8cbd..92fd30b 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -24,46 +24,46 @@ const routes = [
     name: 'homeindex',
     component: () => import(/* webpackChunkName: "homeindex" */ '../views/HomeIndex.vue')
   },
-  {
-    path: '/redirect',
-    name: 'redirect',
-    component: () => import(/* webpackChunkName: "homeindex" */ '../views/redirect.vue')
-  },
-  {
-    path: '/Upload',
-    name: 'Upload',
-    component: () => import(/* webpackChunkName: "homeindex" */ '../views/Upload.vue')
-  },
-  {
-    path: '/newUpload',
-    name: 'newUpload',
-    component: () => import(/* webpackChunkName: "homeindex" */ '../views/newUpload.vue')
-  },
-  {
-    path: '/newUploadcopy',
-    name: 'newUploadcopy',
-    component: () => import(/* webpackChunkName: "homeindex" */ '../views/newUploadcopy.vue')
-  },
-  {
-    path: '/preview',
-    name: 'preview',
-    component: () => import(/* webpackChunkName: "homeindex" */ '../views/preview.vue')
-  },
-  {
-    path: '/storagenetwork',
-    name: 'storagenetwork',
-    component: () => import(/* webpackChunkName: "homeindex" */ '../views/storagenetwork.vue')
-  },
-  {
-    path: '/distribution',
-    name: 'distribution',
-    component: () => import(/* webpackChunkName: "homeindex" */ '../views/distribution.vue')
-  },
-  {
-    path: '/distributionstatus',
-    name: 'distributionstatus',
-    component: () => import(/* webpackChunkName: "homeindex" */ '../views/distributionstatus.vue')
-  },
+  // {
+  //   path: '/redirect',
+  //   name: 'redirect',
+  //   component: () => import(/* webpackChunkName: "homeindex" */ '../views/redirect.vue')
+  // },
+  // {
+  //   path: '/Upload',
+  //   name: 'Upload',
+  //   component: () => import(/* webpackChunkName: "homeindex" */ '../views/Upload.vue')
+  // },
+  // {
+  //   path: '/newUpload',
+  //   name: 'newUpload',
+  //   component: () => import(/* webpackChunkName: "homeindex" */ '../views/newUpload.vue')
+  // },
+  // {
+  //   path: '/newUploadcopy',
+  //   name: 'newUploadcopy',
+  //   component: () => import(/* webpackChunkName: "homeindex" */ '../views/newUploadcopy.vue')
+  // },
+  // {
+  //   path: '/preview',
+  //   name: 'preview',
+  //   component: () => import(/* webpackChunkName: "homeindex" */ '../views/preview.vue')
+  // },
+  // {
+  //   path: '/storagenetwork',
+  //   name: 'storagenetwork',
+  //   component: () => import(/* webpackChunkName: "homeindex" */ '../views/storagenetwork.vue')
+  // },
+  // {
+  //   path: '/distribution',
+  //   name: 'distribution',
+  //   component: () => import(/* webpackChunkName: "homeindex" */ '../views/distribution.vue')
+  // },
+  // {
+  //   path: '/distributionstatus',
+  //   name: 'distributionstatus',
+  //   component: () => import(/* webpackChunkName: "homeindex" */ '../views/distributionstatus.vue')
+  // },
 
 
   {
@@ -74,25 +74,25 @@ const routes = [
       needAuth: true
     },
     children: [
-      {
-        path: 'dashboard',
-        name: 'dashboard',
-        meta: {
-          needAuth: true
-        },
-        // route level code-splitting
-        // this generates a separate chunk (about.[hash].js) for this route
-        // which is lazy-loaded when the route is visited.
-        component: () => import(/* webpackChunkName: "about" */ '../views/dashboard.vue')
-      },
-      {
-        path: 'upload',
-        name: 'upload',
-        meta: {
-          needAuth: true
-        },
-        component: () => import(/* webpackChunkName: "upload" */ '../views/Upload.vue')
-      },
+      // {
+      //   path: 'dashboard',
+      //   name: 'dashboard',
+      //   meta: {
+      //     needAuth: true
+      //   },
+      //   // route level code-splitting
+      //   // this generates a separate chunk (about.[hash].js) for this route
+      //   // which is lazy-loaded when the route is visited.
+      //   // component: () => import(/* webpackChunkName: "about" */ '../views/dashboard.vue')
+      // },
+      // {
+      //   path: 'upload',
+      //   name: 'upload',
+      //   meta: {
+      //     needAuth: true
+      //   },
+      //   component: () => import(/* webpackChunkName: "upload" */ '../views/Upload.vue')
+      // },
       //文件存储
       {
         path: 'fileStorage',
@@ -103,23 +103,23 @@ const routes = [
         component: () => import(/* webpackChunkName: "homeindex" */ '../views/FileStorage.vue')
       },
       // api Key
-      {
-        path: 'key',
-        name: 'key',
-        meta: {
-          needAuth: true
-        },
-        component: () => import(/* webpackChunkName: "homeindex" */ '../views/Apikey.vue')
-      },
+      // {
+      //   path: 'key',
+      //   name: 'key',
+      //   meta: {
+      //     needAuth: true
+      //   },
+      //   component: () => import(/* webpackChunkName: "homeindex" */ '../views/Apikey.vue')
+      // },
       //个人中心
-      {
-        path: 'center',
-        name: 'center',
-        meta: {
-          needAuth: true
-        },
-        component: () => import(/* webpackChunkName: "homeindex" */ '../views/center.vue')
-      },
+      // {
+      //   path: 'center',
+      //   name: 'center',
+      //   meta: {
+      //     needAuth: true
+      //   },
+      //   component: () => import(/* webpackChunkName: "homeindex" */ '../views/center.vue')
+      // },
     ]
   },
   {
diff --git a/src/store/index.js b/src/store/index.js
index f0d88e0..48fb0cc 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -10,7 +10,7 @@ export default new Vuex.Store({
     publicKey: "",
     token: '',
     emailAddress: '',
-    lang: 'en',
+    lang: 'zh',
     usertoken: '',
     loginType: 1, //1:filecoin 2:metamask 3:web2
   },
@@ -42,7 +42,7 @@ export default new Vuex.Store({
     },
     setToken(state, params) {
       state.token = params;
-      router.push('/home/dashboard')
+      router.push('/home/fileStorage')
     },
     onlyToken(state, params) {
       state.token = params;
@@ -54,7 +54,7 @@ export default new Vuex.Store({
       state.address = params;
       await ingredients(params)
       if (router.currentRoute.path.indexOf('/home') === -1) {
-        router.push('/home/dashboard')
+        router.push('/home/fileStorage')
       } else {
         window.location.reload()
       }
diff --git a/src/views/FileStorage.vue b/src/views/FileStorage.vue
index 79d1d57..3eccaa7 100644
--- a/src/views/FileStorage.vue
+++ b/src/views/FileStorage.vue
@@ -1,194 +1,117 @@
 <template>
   <div class="filStorage">
-    <div class="store-files-new">
-      <div style="flex: 1">
-        <div class="store-left">
-          <div class="content">
-            <div class="tab-list tab-list2" style="width: 280px">
-              <div class="title-store">
-                <div>
-                  <span>{{ $t("总存储空间") }}</span>
-                  <span>{{
-                    formatGb(
-                      sizeInfo.TotalSize / 1024 / 1024 / 1024 || 0
-                    )?.split(" ")[0]
-                  }}</span>
-                  <span>{{
-                    formatGb(
-                      sizeInfo.TotalSize / 1024 / 1024 / 1024 || 0
-                    )?.split(" ")[1]
-                  }}</span>
-                </div>
-              </div>
-            </div>
+    <div style="display:flex;justify-content:flex-end;margin-top:20px">
+      <img src="@/assets/logo-black.png" style="width:30px;height:21px;object-fit: contain;" alt="">
+      <div style="margin-left:5px">{{ address.substring(0,6) + '...' + address.substring(address.length-6,address.length)}}</div>
+    </div>
 
-            <div class="tab-list tab-list1" style="flex: 1">
-              <div class="title-store">
-                <div>
-                  <span>{{ $t("已使用空间") }}</span>
-                  <span>{{
-                    formatGb(
-                      sizeInfo.UsedSize / 1024 / 1024 / 1024 || 0
-                    )?.split(" ")[0]
-                  }}</span>
-                  <span>{{
-                    formatGb(
-                      sizeInfo.UsedSize / 1024 / 1024 / 1024 || 0
-                    )?.split(" ")[1]
-                  }}</span>
-                </div>
-              </div>
-            </div>
-            <div class="tab-list tab-list-srorage" style="width: 340px">
-              <div class="title-store">
-                <div>
-                  <span>{{ $t("当前存储的文件数量") }}</span>
-                  <span>{{ page.total }}</span>
-                </div>
-              </div>
-            </div>
+    <div style="background:#fff;padding:20px;border-radius:20px;font-size:12px">
+      <div style="display:flex;justify-content:space-between;align-items: center;">
+        <div>
+          <div>
+            <span>总存储空间 </span>
+            <span style="color:#FEC800;font-size:14px;font-weight:bold">{{
+              formatGb(
+                sizeInfo.TotalSize / 1024 / 1024 / 1024 || 0
+              )?.split(" ")[0]
+            }}</span>
+            <span style="color:#FEC800;font-size:14px;font-weight:bold">{{
+              formatGb(
+                sizeInfo.TotalSize / 1024 / 1024 / 1024 || 0
+              )?.split(" ")[1]
+            }}</span>
           </div>
-        </div>
-        <div class="storage-progress-bar">
-          <div class="progress">
-            <el-progress
-              :stroke-width="13"
-              color="#AAE2C7"
-              :percentage="
-                +(
-                  ((sizeInfo.UsedSize || 0) / (sizeInfo.TotalSize || 1)) *
-                  100
-                ).toFixed(2)
-              "
-            />
+          <div style="margin-top:8px">
+            <span>已使用空间 </span>
+            <span style="color:#FEC800;font-size:14px;font-weight:bold">{{
+              formatGb(
+                sizeInfo.UsedSize / 1024 / 1024 / 1024 || 0
+              )?.split(" ")[0]
+            }}</span>
+            <span style="color:#FEC800;font-size:14px;font-weight:bold">{{
+              formatGb(
+                sizeInfo.UsedSize / 1024 / 1024 / 1024 || 0
+              )?.split(" ")[1]
+            }}</span>
           </div>
         </div>
+        <div>当前文件数量 <span style="color:#FEC800;font-size:14;font-weight:bold">{{ page.total }}</span></div>
+      </div>
+      <div style="margin-top:20px">
+        <el-progress :text-inside="true" :stroke-width="20" color="#AAE2C7" :percentage="+(
+          ((sizeInfo.UsedSize || 0) / (sizeInfo.TotalSize || 1)) *
+          100
+        ).toFixed(2)
+          " />
       </div>
-      <div
-        class="store-right"
-        :class="{ active: active }"
-        @drop="drop"
-        @dragover="dragover"
-        @dragleave="dragleave"
-        @dragenter="dragenter"
-      >
-        <uploadCar
-          :stepList="stepList"
-          ref="uploadCar"
-          @uploadSuccess="uploadSuccess"
-        />
+
+      <div>
+        <div class="store-right" :class="{ active: active }" @drop="drop" @dragover="dragover" @dragleave="dragleave"
+          @dragenter="dragenter">
+          <uploadCar :stepList="stepList" ref="uploadCar" @uploadSuccess="uploadSuccess" />
+        </div>
       </div>
+
     </div>
-    <div class="add-grop-boxList" style="padding: 0 10px 0 10px">
+
+    <div class="add-grop-boxList" style="">
       <div class="add-grop-content">
         <div class="left">
-          <span
-            v-for="(item, index) in stepList"
-            :class="index < stepList.length - 1 ? 'pointer' : ''"
-            @click="changeStep(index)"
-            :key="index"
-          >
+          <span v-for="(item, index) in stepList" :class="index < stepList.length - 1 ? 'pointer' : ''"
+            @click="changeStep(index)" :key="index">
             <span v-if="index > 0">></span>{{ item.Name }}
           </span>
         </div>
-        <div
-          @click="Addgroup"
-          :style="$i18n.locale == 'en' ? 'width:140px;' : ''"
-          class="right"
-        >
-          {{ $t("创建文件组") }}
-        </div>
+        <div @click="Addgroup" :style="$i18n.locale == 'en' ? 'width:140px;' : ''" class="right">创建文件组</div>
       </div>
-      <div
-        class="titan-table-box add-grop-table-box"
-        v-loading="tabloading"
-        style="margin-top: 24px"
-      >
-        <el-table
-          border
-          :data="tableData"
-          :empty-text="$t('暂无数据')"
-          style="width: 100%"
-          :header-row-style="{
-            color: '#000000',
-            fontSize: '16px',
-            fontWeight: '600',
-          }"
-        >
-          <div
-            slot="empty"
-            class="empty-table-box"
-            style="height: 513px"
-            v-if="!tabloading"
-          >
+      <div class="titan-table-box add-grop-table-box" v-loading="tabloading" style="margin-top: 24px">
+        <el-table border :data="tableData" :empty-text="$t('暂无数据')" style="width: 100%" :header-row-style="{
+          color: '#000000',
+          fontSize: '16px',
+          fontWeight: '600',
+        }">
+          <div slot="empty" class="empty-table-box" style="height: 513px" v-if="!tabloading">
             <div>
               <img class="empty-img" src="../assets/storageImg/img1.png" />
               <div class="null">{{ $t("什么也没有") }}...</div>
             </div>
           </div>
-          <el-table-column prop="AssetName" :label="$t('文件名')">
+          <el-table-column prop="AssetName" width="140" :label="$t('文件名')">
             <template slot-scope="scope">
-              <div
-                style="color: #11bf6c"
-                class="pointer"
-                v-if="scope.row.Group"
-                @click="findFile(scope.row)"
-              >
+              <div style="color: #11bf6c" class="pointer" v-if="scope.row.Group" @click="findFile(scope.row)">
                 {{ scope.row.Group.Name }}
               </div>
               <div v-else>
                 <span style="color: #101828">{{ scope.row.AssetName }}</span>
-                <img
-                  v-if="scope.row.AssetType == 'folder'"
-                  style="
+                <img v-if="scope.row.AssetType == 'folder'" style="
                     margin-left: 7px;
                     width: 17px;
                     height: 17px;
                     cursor: pointer;
                     vertical-align: middle;
-                  "
-                  src="../assets/newimages/文件-new.svg"
-                />
+                  " src="../assets/newimages/文件-new.svg" />
               </div>
             </template>
           </el-table-column>
-          <el-table-column :label="$t('文件CID/副本')">
+          <el-table-column :label="$t('文件CID/副本')" width="200">
             <template slot-scope="scope">
               <div v-if="scope.row.Group">
                 {{ scope.row.Group.AssetCount }}{{ $t("个文件") }}
               </div>
               <div v-else>
                 <div style="color: #667085; line-height: 20px">
-                  <el-popover
-                    placement="top-start"
-                    width="200"
-                    trigger="hover"
-                    :content="$t('fil1')"
-                  >
-                    <div
-                      style="cursor: pointer"
-                      @click="filCoinDistribution(scope.row)"
-                      slot="reference"
-                    >
+                  <el-popover placement="top-start" width="200" trigger="hover" :content="$t('fil1')">
+                    <div style="cursor: pointer" slot="reference">
                       {{ $t("Filecoin 副本") }} :
-                      <span style="color: #14c26f; margin-left: 10px">{{
+                      <span style=" margin-left: 10px">{{
                         scope.row.FilcoinCount
                       }}</span>
                     </div>
                   </el-popover>
-                  <el-popover
-                    placement="top-start"
-                    width="200"
-                    trigger="hover"
-                    :content="$t('fil2')"
-                  >
-                    <div
-                      style="cursor: pointer"
-                      @click="storageBtn(scope.row)"
-                      slot="reference"
-                    >
+                  <el-popover placement="top-start" width="200" trigger="hover" :content="$t('fil2')">
+                    <div style="cursor: pointer" slot="reference">
                       {{ $t("Titan副本数量") }} :
-                      <span style="color: #14c26f; margin-left: 10px">{{
+                      <span style=" margin-left: 10px">{{
                         (scope.row.ReplicaInfos &&
                           scope.row.ReplicaInfos.length) ||
                         0
@@ -197,37 +120,23 @@
                   </el-popover>
                 </div>
                 <div>
-                  <el-popover
-                    placement="top-start"
-                    width="200"
-                    trigger="hover"
-                    :content="$t('FileStorage1')"
-                  >
-                    <span
-                      style="cursor: pointer; color: #667085"
-                      slot="reference"
-                      >{{ $t($t("文件CID")) }}:
+                  <el-popover placement="top-start" width="200" trigger="hover" :content="$t('FileStorage1')">
+                    <span style="cursor: pointer; color: #667085" slot="reference">{{ $t($t("文件CID")) }}:
                       {{ ellipsisByLength(scope.row.CID || 0) }}
-                      <img
-                        class="copy imgColopointer"
-                        style="
+                      <img class="copy imgColopointer" style="
                           width: 17px;
                           height: 17px;
                           margin-left: 5px;
                           vertical-align: middle;
                           cursor: pointer;
-                        "
-                        :data-clipboard-text="scope.row.CID"
-                        @click="handleOk"
-                        src="../assets/storageImg/复制.png"
-                      />
+                        " :data-clipboard-text="scope.row.CID" @click="handleOk" src="../assets/storageImg/复制.png" />
                     </span>
                   </el-popover>
                 </div>
               </div>
             </template>
           </el-table-column>
-          <el-table-column prop="TotalSize" width="200" :label="$t('文件大小')">
+          <el-table-column prop="TotalSize" :label="$t('文件大小')" width="140">
             <template slot-scope="scope">
               <div style="color: #667085" v-if="scope.row.Group">
                 {{
@@ -241,13 +150,9 @@
               </div>
             </template>
           </el-table-column>
-          <el-table-column prop="EndTime" label="日期">
+          <el-table-column prop="EndTime" label="日期" width="120">
             <template slot="header">
-              <el-popover
-                placement="top-start"
-                trigger="hover"
-                :content="$t('文件首次成功上传至Titan网络的时间')"
-              >
+              <el-popover placement="top-start" trigger="hover" :content="$t('文件首次成功上传至Titan网络的时间')">
                 <template #reference>
                   <div class="hint">
                     <p>{{ $t("日期") }}</p>
@@ -259,156 +164,87 @@
               <span style="color: #667085; font-size: 14px">
                 {{
                   initTime(scope.row.CreatedTime, "YYYY-MM-DD HH:mm:ss")
-                }}</span
-              >
+                }}</span>
             </template>
           </el-table-column>
-
-          <el-table-column prop="address" width="220" :label="$t('分享')">
-            <template slot-scope="scope">
-              <el-popover
-                placement="top-start"
-                width="250"
-                trigger="hover"
-                :content="$t('share11')"
-              >
-                <div
-                  class="btn-box"
-                  v-if="scope.row.ShareStatus == 0"
-                  slot="reference"
-                >
-                  <div
-                    style="cursor: pointer"
-                    class="share-files-color"
-                    v-if="
-                      scope.row.State == 'CandidatesSelect' ||
+          <!-- 
+            <el-table-column prop="address" width="220" :label="$t('分享')">
+              <template slot-scope="scope">
+                <el-popover placement="top-start" width="250" trigger="hover" :content="$t('share11')">
+                  <div class="btn-box" v-if="scope.row.ShareStatus == 0" slot="reference">
+                    <div style="cursor: pointer" class="share-files-color" v-if="scope.row.State == 'CandidatesSelect' ||
                       scope.row.State == 'CandidatesPulling' ||
                       scope.row.State == 'EdgesSelect' ||
                       scope.row.State == 'EdgesPulling' ||
                       scope.row.State == 'Servicing' ||
                       scope.row.State == 'CandidatesFailed' ||
                       scope.row.State == 'EdgesFailed'
-                    "
-                    @click="shareAssetBtn(scope.row)"
-                  >
-                    {{ $t("分享文件") }}
-                  </div>
-                  <div
-                    class="btn not-btn-color"
-                    style="cursor: pointer"
-                    v-else-if="scope.row.State == 'UploadFailed'"
-                    @click="shareAssetNone(1)"
-                  >
-                    {{ $t("分享文件") }}
-                  </div>
-                  <div
-                    style="cursor: pointer"
-                    class="btn not-btn-color"
-                    v-else
-                    @click="shareAssetNone(2)"
-                  >
-                    {{ $t("分享文件") }}
-                  </div>
-                </div>
-                <div
-                  slot="reference"
-                  class="btn-box"
-                  v-if="scope.row.ShareStatus == 1"
-                >
-                  <div
-                    style="display: flex"
-                    @click="finallyShare(scope.row)"
-                    class="btn-lianjiecolor"
-                  >
-                    {{ $t("分享") }}
-                    <div style="margin-left: 5px">
-                      <div v-if="isVip">{{ $t("无限制") }}</div>
-                      <div v-if="!isVip">({{ scope.row.VisitCount }}/10)</div>
+                      " @click="shareAssetBtn(scope.row)">
+                      {{ $t("分享文件") }}
+                    </div>
+                    <div class="btn not-btn-color" style="cursor: pointer" v-else-if="scope.row.State == 'UploadFailed'"
+                      @click="shareAssetNone(1)">
+                      {{ $t("分享文件") }}
                     </div>
-                    <img
-                      class="copy"
-                      style="
+                    <div style="cursor: pointer" class="btn not-btn-color" v-else @click="shareAssetNone(2)">
+                      {{ $t("分享文件") }}
+                    </div>
+                  </div>
+                  <div slot="reference" class="btn-box" v-if="scope.row.ShareStatus == 1">
+                    <div style="display: flex" @click="finallyShare(scope.row)" class="btn-lianjiecolor">
+                      {{ $t("分享") }}
+                      <div style="margin-left: 5px">
+                        <div v-if="isVip">{{ $t("无限制") }}</div>
+                        <div v-if="!isVip">({{ scope.row.VisitCount }}/10)</div>
+                      </div>
+                      <img class="copy" style="
                         width: 14px;
                         height: 14px;
                         cursor: pointer;
                         margin-left: 8px;
-                      "
-                      @click.stop="handleOkshare(scope.row)"
-                      src="../assets/images/add-.png"
-                    />
+                      " @click.stop="handleOkshare(scope.row)" src="../assets/images/add-.png" />
+                    </div>
                   </div>
-                </div>
 
-                <div
-                  class="btn-box"
-                  v-if="scope.row.ShareStatus == 2"
-                  slot="reference"
-                >
-                  <div class="cant-share">
-                    {{ $t("分享完成") }}
+                  <div class="btn-box" v-if="scope.row.ShareStatus == 2" slot="reference">
+                    <div class="cant-share">
+                      {{ $t("分享完成") }}
+                    </div>
                   </div>
-                </div>
-              </el-popover>
-            </template>
-          </el-table-column>
+                </el-popover>
+              </template>
+            </el-table-column> -->
           <el-table-column prop="address" width="100" :label="$t('操作')">
             <template slot-scope="scope">
               <el-dropdown trigger="click" class="dropdownhoverbox">
                 <div v-if="scope.row.Group">
                   <div class="dropdownhover">
-                    <img
-                      class="more-img-color"
-                      src="../assets/images/more-img.png"
-                    />
+                    <img class="more-img-color" src="../assets/images/more-img.png" />
                   </div>
-                  <el-dropdown-menu
-                    class="file-dropdown"
-                    slot="dropdown"
-                    style="padding: 8px; width: 154px; background: #fff"
-                  >
+                  <el-dropdown-menu class="file-dropdown" slot="dropdown"
+                    style="padding: 8px; width: 154px; background: #fff">
                     <el-dropdown-item>
                       <div class="more-content" @click="findFile(scope.row)">
-                        <img
-                          class="more-img-color"
-                          src="../assets/images/yidong.png"
-                        />
+                        <img class="more-img-color" src="../assets/images/yidong.png" />
                         <span>{{ $t("查看详情") }}</span>
                       </div>
                     </el-dropdown-item>
                     <el-dropdown-item>
-                      <div
-                        class="more-content"
-                        @click="moveVisClick(scope.row)"
-                      >
-                        <img
-                          class="more-img-color"
-                          src="../assets/images/yidong.png"
-                        />
+                      <div class="more-content" @click="moveVisClick(scope.row)">
+                        <img class="more-img-color" src="../assets/images/yidong.png" />
                         <span>{{ $t("移动") }}</span>
                       </div>
                     </el-dropdown-item>
                     <el-dropdown-item>
-                      <div
-                        class="more-content"
-                        @click="renameVisClick(scope.row)"
-                      >
-                        <img
-                          class="more-img-color"
-                          src="../assets/images/chongmingming.png"
-                        />
+                      <div class="more-content" @click="renameVisClick(scope.row)">
+                        <img class="more-img-color" src="../assets/images/chongmingming.png" />
                         <span>{{ $t("重命名") }}</span>
                       </div>
                     </el-dropdown-item>
                     <el-dropdown-item>
-                      <div
-                        class="more-content"
-                        @click="deletegroupClick(scope)"
-                        style="display: flex; align-items: center"
-                      >
-                        <img
-                          class="more-img-color"
-                          src="../assets/images/shanchu.png"
-                        />
+                      <div class="more-content" @click="deletegroupClick(scope)"
+                        style="display: flex; align-items: center">
+                        <img class="more-img-color" src="../assets/images/shanchu.png" />
                         <span>{{ $t("删除") }}</span>
                       </div>
                     </el-dropdown-item>
@@ -416,77 +252,45 @@
                 </div>
                 <div v-else>
                   <div class="dropdownhover">
-                    <img
-                      class="more-img-color"
-                      src="../assets/images/more-img.png"
-                    />
+                    <img class="more-img-color" src="../assets/images/more-img.png" />
                   </div>
-                  <el-dropdown-menu
-                    class="file-dropdown"
-                    slot="dropdown"
-                    style="padding: 8px; width: 154px; background: #fff"
-                  >
+                  <el-dropdown-menu class="file-dropdown" slot="dropdown"
+                    style="padding: 8px; width: 154px; background: #fff">
                     <el-dropdown-item>
                       <div class="more-content">
-                        <div
-                          @click="openafile(scope.row)"
-                          v-if="
-                            scope.row.State == 'CandidatesSelect' ||
-                            scope.row.State == 'CandidatesPulling' ||
-                            scope.row.State == 'CandidatesPulling' ||
-                            scope.row.State == 'EdgesSelect' ||
-                            scope.row.State == 'EdgesPulling' ||
-                            scope.row.State == 'Servicing' ||
-                            scope.row.State == 'CandidatesFailed' ||
-                            scope.row.State == 'EdgesFailed'
-                          "
-                        >
-                          <img
-                            class="more-img-color"
-                            src="../assets/images/open-file.png"
-                          />
+                        <div @click="openafile(scope.row)" v-if="scope.row.State == 'CandidatesSelect' ||
+                          scope.row.State == 'CandidatesPulling' ||
+                          scope.row.State == 'CandidatesPulling' ||
+                          scope.row.State == 'EdgesSelect' ||
+                          scope.row.State == 'EdgesPulling' ||
+                          scope.row.State == 'Servicing' ||
+                          scope.row.State == 'CandidatesFailed' ||
+                          scope.row.State == 'EdgesFailed'
+                          ">
+                          <img class="more-img-color" src="../assets/images/open-file.png" />
                           <span>{{ $t("打开文件") }}</span>
                         </div>
                         <div v-else>
-                          <img
-                            class="more-img-color"
-                            src="../assets/images/open-file.png"
-                          />
+                          <img class="more-img-color" src="../assets/images/open-file.png" />
                           <span>{{ $t("打开文件") }}</span>
                         </div>
                       </div>
                     </el-dropdown-item>
                     <el-dropdown-item>
-                      <div
-                        class="more-content"
-                        @click="moveVisClick(scope.row)"
-                      >
-                        <img
-                          class="more-img-color"
-                          src="../assets/images/yidong.png"
-                        />
+                      <div class="more-content" @click="moveVisClick(scope.row)">
+                        <img class="more-img-color" src="../assets/images/yidong.png" />
                         <span>{{ $t("移动") }}</span>
                       </div>
                     </el-dropdown-item>
                     <el-dropdown-item>
                       <div class="more-content" @click="download(scope.row)">
-                        <img
-                          class="more-img-color"
-                          src="../assets/images/xaizai.png"
-                        />
+                        <img class="more-img-color" src="../assets/images/xaizai.png" />
                         <span>{{ $t("下载") }}</span>
                       </div>
                     </el-dropdown-item>
                     <el-dropdown-item>
-                      <div
-                        class="more-content"
-                        @click="deleteBtn(scope)"
-                        style="display: flex; align-items: center"
-                      >
-                        <img
-                          class="more-img-color"
-                          src="../assets/images/shanchu.png"
-                        />
+                      <div class="more-content" @click="deleteBtn(scope)" style="display: flex; align-items: center">
+                        <img class="more-img-color" src="../assets/images/shanchu.png" />
                         <span>{{ $t("删除") }}</span>
                       </div>
                     </el-dropdown-item>
@@ -500,53 +304,25 @@
     </div>
     <div class="titan-paginationbox">
       <div class="content">
-        <span class="page-total"
-          >{{ $t("共") }}{{ page.total }}{{ $t("条记录") }}</span
-        >
-        <el-pagination
-          background
-          @size-change="handleSizeChange"
-          @current-change="handleCurrentChange"
-          :page-sizes="[10, 20, 25, 50, 100]"
-          :current-page="page.current"
-          :page-size="page.pageSize"
-          layout="sizes, prev, pager, next, jumper"
-          :total="page.total"
-        >
+        <!-- <span class="page-total">{{ $t("共") }}{{ page.total }}{{ $t("条记录") }}</span> -->
+        <el-pagination background @size-change="handleSizeChange" @current-change="handleCurrentChange"
+          :page-sizes="[10, 20, 25, 50, 100]" :current-page="page.current" :page-size="page.pageSize"
+          layout="sizes, prev, pager, next, jumper" :total="page.total">
         </el-pagination>
       </div>
     </div>
     <div class="storageBox">
-      <el-dialog
-        :visible.sync="storagedialogVisible"
-        width="600px"
-        :before-close="storagehandleClose"
-      >
-        <storagenetworkchild
-          v-if="storagedialogVisible"
-          :storageCid="storageCid"
-        ></storagenetworkchild>
+      <el-dialog :visible.sync="storagedialogVisible" :before-close="storagehandleClose">
+        <storagenetworkchild v-if="storagedialogVisible" :storageCid="storageCid"></storagenetworkchild>
       </el-dialog>
     </div>
     <div class="storageBox">
-      <el-dialog
-        :visible.sync="distributiondialogVisible"
-        width="600px"
-        :before-close="distributhandleClose"
-      >
-        <distributionchaild
-          v-if="distributiondialogVisible"
-          :filCid="filCid"
-        ></distributionchaild>
+      <el-dialog :visible.sync="distributiondialogVisible" :before-close="distributhandleClose">
+        <distributionchaild v-if="distributiondialogVisible" :filCid="filCid"></distributionchaild>
       </el-dialog>
     </div>
 
-    <el-dialog
-      title="上传文件"
-      :visible.sync="dialogVisible"
-      width="600px"
-      :before-close="handleClose"
-    >
+    <el-dialog title="上传文件" :visible.sync="dialogVisible" :before-close="handleClose">
       <div class="dialog-file">
         <div>
           <div>文件名：</div>
@@ -562,34 +338,23 @@
         </div>
       </div>
       <span slot="footer" class="dialog-footer" center>
-        <el-button type="primary" @click="dialogVisible = false"
-          >确认上传</el-button
-        >
+        <el-button type="primary" @click="dialogVisible = false">确认上传</el-button>
       </span>
     </el-dialog>
-    <my-modal :visible.sync="AddgrouprVisible" width="525px">
+    <my-modal :visible.sync="AddgrouprVisible">
       <div class="addgroupbox">
         <div class="title">{{ $t("创建新分组") }}</div>
         <div class="group-path">{{ $t("分组路径") }} /</div>
         <div class="group-name">{{ $t("新分分组名称") }}</div>
         <div class="group-name-value">
-          <input
-            class="input-value"
-            v-model="creategroupName"
-            :placeholder="$t('请输入分组名称')"
-          />
+          <input class="input-value" v-model="creategroupName" :placeholder="$t('请输入分组名称')" />
         </div>
         <div class="addBtn">
           <div class="canl-query">
             <div @click="AddgrouprVisible = false">{{ $t("取消") }}</div>
             <div class="hovercreate-money">
-              <el-button
-                :loading="creategrouploading"
-                @click="creategroupClick"
-                style="color: #a1ffa1; border: none"
-                class="hover-Btn-color"
-                >{{ $t("确认") }}</el-button
-              >
+              <el-button :loading="creategrouploading" @click="creategroupClick" style="color: #a1ffa1; border: none"
+                class="hover-Btn-color">{{ $t("确认") }}</el-button>
               <div class="login-line"></div>
             </div>
           </div>
@@ -597,29 +362,20 @@
       </div>
     </my-modal>
     <!-- 重命名弹框 -->
-    <my-modal :visible.sync="renameVisible" width="525px">
+    <my-modal :visible.sync="renameVisible">
       <div class="addgroupbox">
         <div class="title" style="margin-bottom: 21px">
           {{ $t("重命名分组图片文件") }}
         </div>
         <div class="group-name-value">
-          <input
-            class="input-value"
-            v-model="newname"
-            :placeholder="$t('输入分组名称')"
-          />
+          <input class="input-value" v-model="newname" :placeholder="$t('输入分组名称')" />
         </div>
         <div class="addBtn">
           <div class="canl-query">
             <div @click="renameVisible = false">{{ $t("取消") }}</div>
             <div class="hovercreate-money">
-              <el-button
-                :loading="creategrouploading"
-                style="color: #a1ffa1; border: none"
-                @click="renamegroupClick"
-                class="hover-Btn-color"
-                >{{ $t("确认") }}</el-button
-              >
+              <el-button :loading="creategrouploading" style="color: #a1ffa1; border: none" @click="renamegroupClick"
+                class="hover-Btn-color">{{ $t("确认") }}</el-button>
               <div class="login-line"></div>
             </div>
           </div>
@@ -637,28 +393,17 @@
         </div>
         <div class="group-path">
           {{ $t("目标路径") }}：
-          <span
-            v-for="(item, index) in moveStep"
-            @click="changeMoveStep(index)"
-            :class="index < moveStep.length - 1 ? 'pointer' : ''"
-            :key="index"
-          >
+          <span v-for="(item, index) in moveStep" @click="changeMoveStep(index)"
+            :class="index < moveStep.length - 1 ? 'pointer' : ''" :key="index">
             <span v-if="index > 0">/</span>
             {{ item.Name }}
           </span>
         </div>
         <div>
-          <div
-            class="move-img-content"
-            v-for="(item, index) in movegetgroupsList"
-            :key="index"
-          >
+          <div class="move-img-content" v-for="(item, index) in movegetgroupsList" :key="index">
             <div class="move-img-list" @click="selectMoveId = item.ID">
               <div class="img-checked">
-                <img
-                  v-if="selectMoveId == item.ID"
-                  src="../assets/tomert/Frame-4.png"
-                />
+                <img v-if="selectMoveId == item.ID" src="../assets/tomert/Frame-4.png" />
                 <img v-else src="../assets/tomert/Frame-5.png" />
               </div>
               <div class="move-name">
@@ -669,38 +414,21 @@
             </div>
           </div>
         </div>
-        <div
-          v-if="movegetgroupsList.length > 1"
-          class="titan-paginationbox"
-          style="margin-top: 10px; margin-bottom: 20px"
-        >
-          <el-pagination
-            background
-            @size-change="handleMoveSizeChange"
-            @current-change="handleMoveCurrentChange"
-            :current-page="movePage.current"
-            :page-size="movePage.pageSize"
-            layout="prev, pager, next"
-            :hide-on-single-page="true"
-            :total="movePage.total"
-          >
+        <div v-if="movegetgroupsList.length > 1" class="titan-paginationbox"
+          style="margin-top: 10px; margin-bottom: 20px">
+          <el-pagination background @size-change="handleMoveSizeChange" @current-change="handleMoveCurrentChange"
+            :current-page="movePage.current" :page-size="movePage.pageSize" layout="prev, pager, next"
+            :hide-on-single-page="true" :total="movePage.total">
           </el-pagination>
         </div>
         <div class="addBtn">
           <div class="canl-query">
-            <div
-              style="width: 140px; margin-right: 18px"
-              @click="moveVisible = false"
-            >
+            <div style="width: 140px; margin-right: 18px" @click="moveVisible = false">
               {{ $t("取消") }}
             </div>
             <div class="hovercreate-money" style="width: 140px">
-              <el-button
-                style="color: #a1ffa1; border: none"
-                @click="movegroupClick"
-                class="hover-Btn-color"
-                >{{ $t("确认") }}</el-button
-              >
+              <el-button style="color: #a1ffa1; border: none" @click="movegroupClick" class="hover-Btn-color">{{
+                $t("确认") }}</el-button>
               <div class="login-line"></div>
             </div>
           </div>
@@ -733,7 +461,7 @@
               <span>{{ $t("share10") }}</span>
             </div>
           </div>
-          <my-modal :visible.sync="innerVisible" width="525px" :append="true">
+          <my-modal :visible.sync="innerVisible" :append="true">
             <div class="inner-box">
               <div class="title">{{ $t("分享文件") }}</div>
               <div class="contentaaaa">
@@ -889,7 +617,7 @@ export default {
   mounted() {
     this.getVipInfor(), this.getAssetList();
     this.getStorageSize();
-    window.ethereum.on("chainChanged", (e) => {});
+    window.ethereum.on("chainChanged", (e) => { });
     window.ethereum.on("accountsChanged", (e) => {
       if (e.length === 0) {
       }
@@ -914,11 +642,11 @@ export default {
       this.$http
         .get(
           "/api/v1/storage/create_group?user_id=" +
-            this.address +
-            "&name=" +
-            this.creategroupName +
-            "&parent=" +
-            this.stepList[this.stepList.length - 1].ID
+          this.address +
+          "&name=" +
+          this.creategroupName +
+          "&parent=" +
+          this.stepList[this.stepList.length - 1].ID
         )
         .then((res) => {
           this.$message.success(this.$t("创建成功"));
@@ -943,9 +671,9 @@ export default {
           this.$http
             .get(
               "/api/v1/storage/delete_group?user_id=" +
-                this.address +
-                "&group_id=" +
-                item.row.Group.ID
+              this.address +
+              "&group_id=" +
+              item.row.Group.ID
             )
             .then((res) => {
               this.$message({
@@ -975,11 +703,11 @@ export default {
       this.$http
         .get(
           "/api/v1/storage/rename_group?user_id=" +
-            this.address +
-            "&group_id=" +
-            this.group_id +
-            "&new_name=" +
-            this.newname
+          this.address +
+          "&group_id=" +
+          this.group_id +
+          "&new_name=" +
+          this.newname
         )
         .then((res) => {
           this.$message.success(this.$t("修改成功"));
@@ -997,16 +725,6 @@ export default {
       this.moveVisible = true;
       return;
 
-      if (item.Group) {
-        url =
-          "/api/v1/storage/move_group_to_group?user_id=" +
-          this.address +
-          "&group_id=" +
-          item.Group.ID +
-          "&target_group_id=" +
-          12;
-      }
-      this.moveVisible = true;
       //移动查询分组的
     },
     changeMoveStep(index) {
@@ -1037,13 +755,13 @@ export default {
       this.$http
         .get(
           "/api/v1/storage/get_groups?user_id=" +
-            this.address +
-            "&parent=" +
-            this.moveStep[this.moveStep.length - 1].ID +
-            "&page_size=" +
-            this.movePage.pageSize +
-            "&page=" +
-            this.movePage.current
+          this.address +
+          "&parent=" +
+          this.moveStep[this.moveStep.length - 1].ID +
+          "&page_size=" +
+          this.movePage.pageSize +
+          "&page=" +
+          this.movePage.current
         )
         .then((res) => {
           this.movegetgroupsList = (res.list || []).filter((item) => {
@@ -1084,9 +802,9 @@ export default {
       this.$http
         .get(
           "/api/v1/storage/share_asset?user_id=" +
-            item.UserID +
-            "&asset_cid=" +
-            item.CID
+          item.UserID +
+          "&asset_cid=" +
+          item.CID
         )
         .then((res) => {
           this.dowshareUrl = res.url;
@@ -1184,11 +902,11 @@ export default {
       this.$http
         .get(
           "/api/v1/storage/get_link?cid=" +
-            item.CID +
-            "&url=" +
-            encodeURIComponent(this.cidLink) +
-            "&username=" +
-            this.address
+          item.CID +
+          "&url=" +
+          encodeURIComponent(this.cidLink) +
+          "&username=" +
+          this.address
         )
         .then((res) => {
           this.cidLink = location.origin + res.url;
@@ -1203,9 +921,9 @@ export default {
       this.$http
         .get(
           "/api/v1/storage/share_status_set?user_id=" +
-            this.address +
-            "&cid=" +
-            this.sharCid
+          this.address +
+          "&cid=" +
+          this.sharCid
         )
         .then((res) => {
           this.innerVisible = true;
@@ -1218,9 +936,9 @@ export default {
         this.$http
           .get(
             "/api/v1/storage/share_asset?user_id=" +
-              this.address +
-              "&asset_cid=" +
-              item.CID
+            this.address +
+            "&asset_cid=" +
+            item.CID
           )
           .then((res) => {
             window.open(res.url);
@@ -1243,9 +961,9 @@ export default {
           this.$http
             .get(
               "/api/v1/storage/delete_asset?user_id=" +
-                this.address +
-                "&asset_cid=" +
-                item.row.CID
+              this.address +
+              "&asset_cid=" +
+              item.row.CID
             )
             .then((res) => {
               this.$message({
@@ -1273,13 +991,13 @@ export default {
       this.$http
         .get(
           "/api/v1/storage/get_asset_group_list?user_id=" +
-            this.address +
-            "&parent=" +
-            this.stepList[this.stepList.length - 1].ID +
-            "&page_size=" +
-            this.page.pageSize +
-            "&page=" +
-            this.page.current
+          this.address +
+          "&parent=" +
+          this.stepList[this.stepList.length - 1].ID +
+          "&page_size=" +
+          this.page.pageSize +
+          "&page=" +
+          this.page.current
         )
         .then((res) => {
           this.tabloading = false;
@@ -1303,7 +1021,7 @@ export default {
           this.tabloading = false;
         });
     },
-    handleClose() {},
+    handleClose() { },
     hoverHandler() {
       this.isHover = true;
     },
@@ -1322,21 +1040,21 @@ export default {
         this.$http
           .get(
             "/api/v1/storage/share_asset?user_id=" +
-              this.address +
-              "&asset_cid=" +
-              item.CID
+            this.address +
+            "&asset_cid=" +
+            item.CID
           )
           .then((res) => {
             this.$http
               .get(
                 "/api/v1/storage/get_link?cid=" +
-                  item.CID +
-                  "&url=" +
-                  (res.redirect
-                    ? encodeURIComponent(this.getUrl(item))
-                    : res.url) +
-                  "&username=" +
-                  this.address
+                item.CID +
+                "&url=" +
+                (res.redirect
+                  ? encodeURIComponent(this.getUrl(item))
+                  : res.url) +
+                "&username=" +
+                this.address
               )
               .then((data) => {
                 globalFun(location.origin + data.url);
@@ -1347,11 +1065,11 @@ export default {
         this.$http
           .get(
             "/api/v1/storage/get_link?cid=" +
-              item.CID +
-              "&url=" +
-              encodeURIComponent(this.getUrl(item)) +
-              "&username=" +
-              this.address
+            item.CID +
+            "&url=" +
+            encodeURIComponent(this.getUrl(item)) +
+            "&username=" +
+            this.address
           )
           .then((data) => {
             globalFun(location.origin + data.url);
@@ -1382,8 +1100,8 @@ export default {
     resetFile() {
       this.$refs.upload.clearFiles();
     },
-    beforeUpload(file) {},
-    onSuccess(response, file, fileList) {},
+    beforeUpload(file) { },
+    onSuccess(response, file, fileList) { },
     submitUpload() {
       this.$refs.upload.submit();
     },
@@ -1391,22 +1109,79 @@ export default {
 };
 </script>
 <style lang="less">
+.el-dialog {
+  width: 100vw !important;
+}
+
+.el-dialog__wrapper {}
+
+.el-dialog__body {
+  width: 100vw !important;
+  display: flex;
+  justify-content: center;
+}
+
+.modal--box__content {
+  width: 75vw !important;
+}
+
 .pointer {
   cursor: pointer;
   color: #11bf6c;
 }
+
 .file-dropdown {
   .el-dropdown-menu__item {
     &:hover {
       background: transparent;
     }
+
     padding: 0;
   }
 }
+
+.store-right {
+  &.active {
+    border-color: red;
+  }
+
+  margin-top: 20px;
+  width: 100%;
+  height: 100px;
+  background: rgba(239, 255, 247, 0.5);
+  border-radius: 10px 10px 10px 10px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  box-sizing: border-box;
+
+  .content {
+    display: flex;
+    align-items: center;
+    cursor: pointer;
+
+    >div:nth-child(2) {
+      color: #11c16d;
+      font-size: 18px;
+      font-family: PingFang SC-Medium, PingFang SC;
+      font-weight: 500;
+    }
+
+    .img-dow {
+      width: 44px;
+      height: 40px;
+      margin-right: 2px;
+      vertical-align: middle;
+    }
+  }
+}
+
+
 .more-content {
   color: #10b969;
   margin-bottom: 8px;
   padding-left: 10px;
+
   &:hover {
     border-radius: 10px !important;
     overflow: hidden;
@@ -1414,6 +1189,7 @@ export default {
     background: #edf7f2;
   }
 }
+
 .more-img-color {
   width: 20px;
   height: 20px;
@@ -1421,12 +1197,14 @@ export default {
   vertical-align: middle;
   margin-right: 8px;
 }
+
 .inner-box {
   .contentaaaa {
     margin-top: 38px;
     display: flex;
     justify-content: space-between;
-    > div:nth-child(1) {
+
+    >div:nth-child(1) {
       width: 399px;
       height: 46px;
       border-radius: 8px 8px 8px 8px;
@@ -1436,7 +1214,8 @@ export default {
       padding: 0 10px;
       box-sizing: border-box;
     }
-    > div:nth-child(2) {
+
+    >div:nth-child(2) {
       width: 46px;
       height: 46px;
       border-radius: 8px 8px 8px 8px;
@@ -1445,49 +1224,62 @@ export default {
       align-items: center;
       justify-content: center;
       cursor: pointer;
-      > img {
+
+      >img {
         width: 20px;
         height: 20px;
       }
     }
   }
+
   .title {
     color: #cae9ca;
     font-weight: bold;
     font-size: 16px;
   }
 }
+
+.el-main[data-v-ecebbf8c] {
+  padding: 0px !important;
+}
+
 .filStorage {
+  padding: 0px 20px;
+  max-width: 100vw;
+  overflow-x: hidden;
+  word-break: break-all;
+
   .add-grop-table-box {
     margin-top: 12px !important;
     padding-bottom: 0 !important;
     border: none !important;
+
     .el-table thead tr {
       background: none !important;
       color: #667085 !important;
     }
   }
+
   .add-grop-boxList {
-    background: #fff;
-    border-radius: 4px;
-    margin-top: 22px;
-    padding-top: 9px;
+    margin-top: 40px;
     box-sizing: border-box;
     overflow: hidden;
+
     .add-grop-content {
-      padding: 8px 10px 0 24px;
       display: flex;
       justify-content: space-between;
       align-items: center;
+
       .left {
         color: #101828;
         font-weight: 500;
         line-height: 28px;
         font-size: 18px;
       }
+
       .right {
         width: 102px;
-        height: 40px;
+        height: 30px;
         background: #14c26f;
         border-radius: 8px 8px 8px 8px;
         color: #f6f6f6;
@@ -1501,9 +1293,11 @@ export default {
       }
     }
   }
+
   .addgroupbox {
     .move-img-content {
       margin-bottom: 24px;
+
       .move-img-list {
         height: 46px;
         border-radius: 8px 8px 8px 8px;
@@ -1514,6 +1308,7 @@ export default {
         display: flex;
         justify-content: space-between;
         align-items: center;
+
         .move-click-color {
           color: #415348;
           cursor: pointer;
@@ -1521,6 +1316,7 @@ export default {
           width: 50px;
           text-align: right;
         }
+
         .move-name {
           color: #b6c7c1;
           font-weight: 400;
@@ -1528,31 +1324,36 @@ export default {
           display: flex;
           align-items: center;
           flex: 1;
-          > img {
+
+          >img {
             width: 20px;
             height: 20px;
             margin-right: 15px;
           }
         }
+
         .img-checked {
           cursor: pointer;
           width: 50px;
-          > img {
+
+          >img {
             width: 16px;
             height: 16px;
           }
         }
       }
     }
+
     .group-name-value {
-      width: 461px;
+      width: 100%;
       height: 46px;
       border-radius: 8px 8px 8px 8px;
       opacity: 1;
       border: 1px solid #415348;
       margin-bottom: 24px;
       box-sizing: border-box;
-      > input {
+
+      >input {
         background: none !important;
         border: none !important;
         width: 100%;
@@ -1562,6 +1363,7 @@ export default {
         color: #fff;
       }
     }
+
     .group-name {
       font-weight: bold;
       line-height: 24px;
@@ -1569,6 +1371,7 @@ export default {
       font-size: 16px;
       margin-bottom: 21px;
     }
+
     .group-path {
       height: 22px;
       font-size: 16px;
@@ -1577,6 +1380,7 @@ export default {
       line-height: 19px;
       margin-bottom: 18px;
     }
+
     .title {
       font-weight: bold;
       color: #ddefdd;
@@ -1584,27 +1388,29 @@ export default {
       font-size: 16px;
       margin-bottom: 14px;
     }
+
     .canl-query {
       display: flex;
       justify-content: flex-end;
+
       .hovercreate-money {
         position: relative;
+
         &:hover {
           .hover-Btn-color {
-            background: linear-gradient(
-                180deg,
+            background: linear-gradient(180deg,
                 #25775a 0%,
                 #1a3f2f 26%,
                 #0d3023 52%,
                 #183629 76%,
-                #154d35 100%
-              )
-              rgba(250, 251, 235, 0.1) !important;
+                #154d35 100%) rgba(250, 251, 235, 0.1) !important;
           }
+
           .login-line {
             display: block;
           }
         }
+
         .login-line {
           position: absolute;
           width: 82px;
@@ -1615,6 +1421,7 @@ export default {
           margin-left: -41px;
           display: none;
         }
+
         color: #a1ffa1;
         width: 180px;
         height: 40px;
@@ -1622,6 +1429,7 @@ export default {
         padding: 1px;
         box-sizing: border-box;
         background: linear-gradient(180deg, #6c9d87, #1b271d, #3a4a3b);
+
         .hover-Btn-color {
           cursor: pointer;
           display: flex;
@@ -1630,17 +1438,16 @@ export default {
           border-radius: 8px 8px 8px 8px;
           width: 100%;
           height: 100%;
-          background: linear-gradient(
-            180deg,
-            #556d58 0%,
-            #364b42 19%,
-            #1e2b20 52%,
-            #1f321f 76%,
-            #354337 100%
-          );
+          background: linear-gradient(180deg,
+              #556d58 0%,
+              #364b42 19%,
+              #1e2b20 52%,
+              #1f321f 76%,
+              #354337 100%);
         }
       }
-      > div:nth-child(1) {
+
+      >div:nth-child(1) {
         width: 180px;
         height: 40px;
         border-radius: 8px 8px 8px 8px;
@@ -1657,10 +1464,12 @@ export default {
       }
     }
   }
+
   .store-files-new {
     display: flex;
     justify-content: space-between;
     align-items: center;
+
     .store-left {
       flex: 1;
       background: #fafafb;
@@ -1669,37 +1478,44 @@ export default {
       border: 1px solid #ececec;
       height: 64px;
       box-sizing: border-box;
+
       .content {
         display: flex;
         justify-content: space-between;
         align-items: center;
         box-sizing: border-box;
+
         .tab-list2 {
           margin: 0 10px;
           border-right: 1px solid #eaeaea;
         }
+
         .tab-list1 {
           margin: 20px;
           border-right: 1px solid #eaeaea;
         }
+
         .tab-list {
           display: flex;
+
           .title-store {
-            > div {
-              > span:nth-child(1) {
+            >div {
+              >span:nth-child(1) {
                 font-weight: 400;
                 color: #999999;
                 line-height: 16px;
                 font-size: 16px;
               }
-              > span:nth-child(2) {
+
+              >span:nth-child(2) {
                 margin: 0 8px;
                 font-weight: 400;
                 color: #11bf6c;
                 line-height: 24px;
                 font-size: 24px;
               }
-              > span:nth-child(3) {
+
+              >span:nth-child(3) {
                 font-weight: 400;
                 color: #999999;
                 line-height: 14px;
@@ -1707,7 +1523,8 @@ export default {
               }
             }
           }
-          > img {
+
+          >img {
             width: 49px;
             height: 56px;
             margin-right: 22px;
@@ -1715,10 +1532,12 @@ export default {
         }
       }
     }
+
     .store-right {
       &.active {
         border-color: red;
       }
+
       width: 290px;
       height: 128px;
       background: rgba(239, 255, 247, 0.5);
@@ -1729,16 +1548,19 @@ export default {
       align-items: center;
       justify-content: center;
       box-sizing: border-box;
+
       .content {
         display: flex;
         align-items: center;
         cursor: pointer;
-        > div:nth-child(2) {
+
+        >div:nth-child(2) {
           color: #11c16d;
           font-size: 18px;
           font-family: PingFang SC-Medium, PingFang SC;
           font-weight: 500;
         }
+
         .img-dow {
           width: 44px;
           height: 40px;
@@ -1749,6 +1571,7 @@ export default {
     }
   }
 }
+
 .not-btn-color {
   border: 1px solid #ddd !important;
   color: #ccc !important;
@@ -1757,6 +1580,7 @@ export default {
   color: #11c16d !important;
   font-weight: 500;
 }
+
 .share-files-color {
   background: #11c16d !important;
   color: #fff !important;
@@ -1768,6 +1592,7 @@ export default {
   justify-content: center;
   align-items: center;
 }
+
 .btn-lianjiecolor {
   background: #11c16d !important;
   color: #fff !important;
@@ -1781,6 +1606,7 @@ export default {
   align-items: center;
   justify-content: center;
 }
+
 .cant-share {
   background: #c8c8c8 !important;
   color: #fff !important;
@@ -1791,10 +1617,12 @@ export default {
   align-items: center;
   justify-content: center;
 }
+
 .leftImgColor {
   position: relative;
   left: -14px;
 }
+
 .enlishBoxContent {
   .enButtonFileStorage {
     width: 155px !important;
@@ -1814,7 +1642,9 @@ export default {
   margin: 0 auto;
   padding: 0 5px;
 }
+
 .notsharColor {
+
   width: 100px;
   height: 37px;
   background: #ccc;
@@ -1827,6 +1657,7 @@ export default {
   justify-content: center;
   margin: 0 auto;
 }
+
 .sharColor {
   width: 100px;
   height: 37px;
@@ -1841,6 +1672,7 @@ export default {
   cursor: pointer;
   margin: 0 auto;
 }
+
 .sharColorNo {
   width: 73px;
   height: 37px;
@@ -1855,18 +1687,21 @@ export default {
   cursor: pointer;
   margin: 0 auto;
 }
+
 .enlishBoxContent {
   .share-files-color {
     width: 160px !important;
   }
+
   .btn-lianjiecolor {
     width: 160px !important;
   }
+
   .cant-share {
     width: 160px !important;
   }
-  .uploadList-buttom[data-v-40ceba97]
-    .uploadListbuttomWidth.el-button--primary {
+
+  .uploadList-buttom[data-v-40ceba97] .uploadListbuttomWidth.el-button--primary {
     width: 180px !important;
   }
 }
@@ -1877,20 +1712,24 @@ export default {
     align-items: center;
   }
 }
+
 .el-progress__text {
-  width: 100px !important;
+  margin-left: 30px;
   text-align: right;
   color: #666 !important;
   font-size: 16px !important;
   padding-left: 24px;
   box-sizing: border-box;
 }
+
 .el-pagination.is-background .el-pager li:not(.disabled):hover {
   color: #606266 !important;
 }
+
 .confirm-btn {
   background: #67c23a !important;
   border-color: #67c23a !important;
+
   &:hover {
     background: #67c23a;
     border-color: #67c23a;
@@ -1898,11 +1737,17 @@ export default {
 }
 </style>
 <style lang="less" scoped>
+.el-dialog {
+  max-width: 95vw !important;
+}
+
 .loading-span {
   position: relative;
+
   .noclick {
     pointer-events: none;
   }
+
   .fixed-span {
     pointer-events: none;
     position: absolute;
@@ -1916,12 +1761,15 @@ export default {
     background: rgba(255, 255, 255, 0.8);
     content: "\e6cf";
   }
+
   /deep/ .el-loading-mask {
     .el-loading-spinner {
+      
       width: 14px;
       height: 14px;
       top: 0;
       margin-top: 0;
+
       .circular {
         width: 14px;
         height: 14px;
@@ -1929,10 +1777,12 @@ export default {
     }
   }
 }
+
 .btn-box {
   display: flex;
   justify-content: space-between;
   align-items: center;
+
   .btn {
     width: 85px;
     height: 38px;
@@ -1941,13 +1791,15 @@ export default {
     border-radius: 5px;
   }
 }
+
 .inner-box-content {
   .innerContent {
     .copy-lianjie {
       margin-top: 62px;
       display: flex;
       justify-content: flex-end;
-      > div {
+
+      >div {
         width: 180px;
         height: 56px;
         background: #67c23a;
@@ -1960,6 +1812,7 @@ export default {
         justify-content: center;
       }
     }
+
     .share-lianjie {
       margin-top: 38px;
       background: #f1f1f1 !important;
@@ -1968,49 +1821,59 @@ export default {
       padding: 17px 2px 32px 17px;
       box-sizing: border-box;
     }
+
     .title {
       color: #000000;
       font-size: 20px;
       text-align: center;
     }
   }
+
   /deep/ .el-dialog {
-    width: 600px !important;
+    width: 95vw !important;
     background: #ffffff !important;
     border-radius: 10px !important;
   }
+
   /deep/ .el-dialog__header {
     padding: 0 !important;
   }
+
   /deep/ .el-dialog__body {
     padding: 32px 11px 32px 10px !important;
   }
 }
+
 .shareBoxOut {
   .shareBox-box {
     .content {
-      > div {
+      >div {
         color: #acb2ac;
         font-size: 16px;
         margin-bottom: 15px;
-        > span:nth-child(1) {
+
+        >span:nth-child(1) {
           color: #fff;
           margin-right: 10px;
         }
       }
     }
+
     .checkout-color {
       display: flex;
       margin-bottom: 26px;
-      > div:nth-child(1) {
+
+      >div:nth-child(1) {
         color: red;
         margin-right: 10px;
       }
-      > div:nth-child(2) {
+
+      >div:nth-child(2) {
         color: #acb2ac;
         font-size: 14px;
       }
     }
+
     .title {
       color: #cae9ca;
       font-weight: bold;
@@ -2020,6 +1883,7 @@ export default {
     }
   }
 }
+
 .outerVisibleClass {
   .Precautions-content {
     width: 950px;
@@ -2030,24 +1894,29 @@ export default {
     color: #000000;
     font-size: 16px;
     box-sizing: border-box;
-    > div {
+
+    >div {
       margin-bottom: 15px;
     }
+
     .title-color {
       color: #67c23a !important;
     }
   }
+
   .Precautions-title {
     display: flex;
     color: #000000;
     font-size: 14px;
     margin-bottom: 10px;
-    > img {
+
+    >img {
       width: 17px;
       height: 17px;
       margin-right: 9px;
     }
   }
+
   .title {
     font-size: 20px;
     font-family: PingFang SC;
@@ -2056,91 +1925,120 @@ export default {
     margin-bottom: 41px;
   }
 }
+
+.el-dialog {
+  width: 100vw !important;
+}
+
 .storageBox {
   /deep/ .el-dialog__body {
     padding: 8px 11px 30px 10px !important;
   }
+
   /deep/ .el-dialog {
-    width: 1240px !important;
+    width: 95vw !important;
     background: #f6f6f6;
   }
 }
+
+
 .storageBoxen {
   /deep/ .el-dialog__body {
     padding: 8px 11px 20px 10px !important;
   }
 }
+
+.el-progress-bar {
+  width: 100px !important;
+}
+
 .storage-progress-bar {
   /deep/ .el-progress-bar__outer {
     background: #e2ebe7 !important;
   }
+
   /deep/ .el-progress-bar__inner {
     background: linear-gradient(90deg, #89ccad 0%, #11c16d 100%);
   }
+
   margin-top: 19px;
+
   /deep/ .el-progress-bar {
-    width: 93% !important;
+    margin-right: 0px !important;
   }
 }
+
 .filStorage {
   .save-file-box {
     display: flex;
+
     .file-itle {
       min-width: 180px;
       padding: 12px 24px 13px;
       box-sizing: border-box;
-      > div:nth-child(1) {
+
+      >div:nth-child(1) {
         color: #666666;
         font-size: 16px;
         margin-bottom: 16px;
       }
-      > div:nth-child(2) {
+
+      >div:nth-child(2) {
         font-size: 30px;
         color: #000001;
         font-weight: 600;
       }
     }
   }
-  .el-upload :hover > .upload-hover {
+
+  .el-upload :hover>.upload-hover {
     display: inherit;
   }
+
   .upload-button {
     background: none !important;
   }
+
   .uploadColor {
     background: #f1f1f1 !important;
     border-radius: 5px !important;
   }
+
   .el-upload :hover {
     background: #67c23a !important;
     color: #fff !important;
     border-radius: 10px !important;
     border: none !important;
   }
+
   .imgcolor {
     cursor: pointer !important;
   }
+
   /deep/ .el-table .el-table__cell {
     padding: 11px 0 !important;
   }
+
   /deep/ .el-table thead {
     height: 64px !important;
   }
+
   /deep/ .el-table--border .el-table__cell,
-  .el-table__body-wrapper
-    .el-table--border.is-scrolling-left
-    ~ .el-table__fixed {
+  .el-table__body-wrapper .el-table--border.is-scrolling-left~.el-table__fixed {
     border-right: none !important;
   }
+
   /deep/ .el-table--border,
   .el-table--group {
     border: none !important;
   }
+
   /deep/ .el-table--border::after,
   .el-table--group::after,
   .el-table::before {
     background: none !important;
   }
+
   .customer-no-border-table {
     border: 1px solid #dddddd;
     box-shadow: 0px 16px 24px 0px rgba(30, 30, 30, 0.08);
@@ -2150,10 +2048,12 @@ export default {
     padding: 18px 0 0;
     background: #fff;
   }
+
   .line {
     margin-top: 40px;
     padding: 0 30px;
-    > div {
+
+    >div {
       height: 2px;
       background: #dddddd;
       border-radius: 1px;
@@ -2163,6 +2063,7 @@ export default {
   .el-dialog__footer {
     text-align: center;
     padding: 38px 20px 25px;
+
     .el-button {
       width: 120px;
       height: 64px;
@@ -2171,29 +2072,36 @@ export default {
       font-size: 20px;
     }
   }
+
   .dialog-file {
     color: #000000;
     font-size: 24px;
     padding-left: 45px;
     padding-right: 45px;
-    > div:nth-child(2) {
+
+    >div:nth-child(2) {
       margin-top: 31px;
     }
-    > div:nth-child(3) {
+
+    >div:nth-child(3) {
       margin-top: 31px;
     }
-    > div {
+
+    >div {
       display: flex;
       justify-content: space-between;
     }
   }
+
   .el-dialog__header {
     border-bottom: 4px solid #f1f1f1;
   }
+
   .el-dialog__title {
     color: #000000;
     font-size: 36px;
   }
+
   .upload-hover {
     width: 221px;
     background: #ffffff;
@@ -2201,69 +2109,83 @@ export default {
     box-shadow: 0px 16px 24px 0px rgba(0, 0, 0, 0.11);
     border-radius: 10px;
     margin-top: 13px;
-    > div {
+
+    >div {
       padding: 8px 10px;
-      > div {
+
+      >div {
         display: flex;
         color: #333333;
         font-size: 18px;
         padding: 6px 0 5px 22px;
         align-items: center;
         cursor: pointer;
-        > img {
+
+        >img {
           width: 21px;
           height: 25px;
           margin-right: 16px;
         }
       }
-      > div:nth-child(2) {
+
+      >div:nth-child(2) {
         margin-top: 10px;
       }
     }
   }
+
   .block {
     margin-top: 39px;
     text-align: center;
     background: #fbfbfb;
   }
+
   .table {
     .hint {
       display: flex;
       align-items: center;
-      > img {
+
+      >img {
         width: 16px;
         height: 16px;
         vertical-align: middle;
         margin-left: 3px;
       }
     }
+
     .img1 {
       width: 21px;
       height: 18px;
     }
+
     .img2 {
       width: 17px;
       height: 19px;
       cursor: pointer;
     }
+
     .img3 {
       width: 19px;
       height: 19px;
       margin-right: 13px;
     }
   }
-  > div:nth-child(1) {
+
+  >div:nth-child(1) {
     margin-bottom: 24px;
     cursor: pointer;
   }
+
   .filStorage-content {
     margin-top: 47px;
+
     .document-content {
       display: inline-block;
       position: relative;
       font-size: 36px;
       font-weight: 600;
       color: #000001;
+
       div {
         position: absolute;
         width: 100%;
@@ -2275,21 +2197,26 @@ export default {
         opacity: 0.5;
       }
     }
-    > div:nth-child(1) {
+
+    >div:nth-child(1) {
       display: flex;
       justify-content: space-between;
-      > div {
+
+      >div {
         padding-top: 6px;
+
         .size-content {
           margin-top: 15px;
           color: #666666;
           font-size: 18px;
           display: flex;
-          > div:nth-child(2) {
+
+          >div:nth-child(2) {
             margin-left: 80px;
           }
         }
       }
+
       .upload-button {
         width: 222px;
         height: 98px;
@@ -2303,6 +2230,7 @@ export default {
     }
   }
 }
+
 .titancolor {
   color: #00c566;
   cursor: pointer;
@@ -2314,11 +2242,13 @@ export default {
   align-items: center;
   justify-content: center;
 }
+
 .action-color {
   display: flex;
   color: #428bbf;
   justify-content: center;
-  > div {
+
+  >div {
     border-bottom: 1px solid #428bbf;
     line-height: 14px;
     cursor: pointer;
diff --git a/src/views/HomeIndex.vue b/src/views/HomeIndex.vue
index 04591d9..f8877cb 100644
--- a/src/views/HomeIndex.vue
+++ b/src/views/HomeIndex.vue
@@ -15,21 +15,32 @@
       <div class="asteroids-belt"></div>
     </div>
     <div class="titan-storage-login">
+      <div @click="connectMetamask">
+        <div style="display:flex;justify-content: center;">
+          <img src="@/assets/logo.png" alt="" class="logo-img">
+        </div>
+        <div style="text-align:center;font-weight: bold;">点击登录</div>
+      </div>
+      <div style="margin-top:60px;text-align:center">基于 Filecoin(兼容IPFS)的</div>
+      <div style="text-align:center;font-size:18px;font-weight:bold;margin-top:12px"><span
+          style="color:#3DFD08">web3</span>最佳存储解决方案</div>
+
+      <div style="display:flex;justify-content: center;margin-top:12px">
+        <div class="title-box">DCDN服务</div>
+        <div class="title-box" style="margin:0px 10px">永续存储服务</div>
+        <div class="title-box">网站&DAPP托管服务</div>
+      </div>
+    </div>
+
+    <div v-if="false" class="titan-storage-login">
       <div class="titan-storage-login-content">
         <div class="titan-storage-login-content-left">
           <div class="logo-top">
             <img src="../assets/newimages/TTs-logonew.svg" />
-            <div
-              @click="langToggle(selectLang == 'zh' ? 'en' : 'zh')"
-              class="language-color-two language-color-two1"
-            >
-              <span :class="selectLang == 'en' ? 'activelanguage' : ''"
-                >En</span
-              >
+            <div @click="langToggle(selectLang == 'zh' ? 'en' : 'zh')" class="language-color-two language-color-two1">
+              <span :class="selectLang == 'en' ? 'activelanguage' : ''">En</span>
               <span>/</span>
-              <span :class="selectLang == 'zh' ? 'activelanguage' : ''"
-                >中文</span
-              >
+              <span :class="selectLang == 'zh' ? 'activelanguage' : ''">中文</span>
             </div>
           </div>
           <div class="titan-storage-login-title">
@@ -69,22 +80,10 @@
               <div class="password-content-box forget-content">
                 <div class="title1">{{ $t("邮箱") }}</div>
                 <div class="input1">
-                  <el-input
-                    v-if="loginTab == 1"
-                    class="input"
-                    v-model="phone_number"
-                    clearabl
-                    @keyup.enter.native="loginBtnpassword"
-                    :placeholder="$t('请输入邮箱')"
-                  ></el-input>
-                  <el-input
-                    v-if="loginTab == 2"
-                    class="input"
-                    @keyup.enter.native="loginBtnEmail"
-                    clearable
-                    v-model="phone_number"
-                    :placeholder="$t('请输入邮箱')"
-                  ></el-input>
+                  <el-input v-if="loginTab == 1" class="input" v-model="phone_number" clearabl
+                    @keyup.enter.native="loginBtnpassword" :placeholder="$t('请输入邮箱')"></el-input>
+                  <el-input v-if="loginTab == 2" class="input" @keyup.enter.native="loginBtnEmail" clearable
+                    v-model="phone_number" :placeholder="$t('请输入邮箱')"></el-input>
                 </div>
                 <div class="title2" v-if="loginTab == 1">{{ $t("密码") }}</div>
                 <div class="title2" v-if="loginTab == 2">
@@ -92,43 +91,23 @@
                 </div>
                 <div class="input1" v-if="loginTab == 1">
                   <div class="email-code">
-                    <el-input
-                      class="input"
-                      :type="passwordType"
-                      :placeholder="$t('请输入密码')"
-                      @keyup.enter.native="loginBtnpassword"
-                      v-model="password1"
-                      clearable
-                    ></el-input>
+                    <el-input class="input" :type="passwordType" :placeholder="$t('请输入密码')"
+                      @keyup.enter.native="loginBtnpassword" v-model="password1" clearable></el-input>
                     <div class="img-password" @click="showPwd">
-                      <img
-                        :src="
-                          passwordType === 'password'
-                            ? require('../assets/tomert/Frame-2.png')
-                            : require('../assets/tomert/Frame-1.png')
-                        "
-                      />
+                      <img :src="passwordType === 'password'
+                        ? require('../assets/tomert/Frame-2.png')
+                        : require('../assets/tomert/Frame-1.png')
+                        " />
                     </div>
                   </div>
                 </div>
                 <div class="input1" v-if="loginTab == 2">
                   <div class="email-code">
-                    <el-input
-                      class="input"
-                      @keyup.enter.native="loginBtnEmail"
-                      maxlength="6"
-                      :placeholder="$t('请输入验证码')"
-                      v-model="re_phone_code"
-                      clearable
-                    ></el-input>
+                    <el-input class="input" @keyup.enter.native="loginBtnEmail" maxlength="6" :placeholder="$t('请输入验证码')"
+                      v-model="re_phone_code" clearable></el-input>
                     <div class="get-code">
-                      <el-button
-                        :loading="sendLoading"
-                        class="cont"
-                        :class="regStr != $t('获取验证码') ? 'dis' : ''"
-                        @click="getCodeEmail"
-                        >{{ regStr }}</el-button
-                      >
+                      <el-button :loading="sendLoading" class="cont" :class="regStr != $t('获取验证码') ? 'dis' : ''"
+                        @click="getCodeEmail">{{ regStr }}</el-button>
                     </div>
                   </div>
                 </div>
@@ -142,21 +121,11 @@
                 </div>
                 <div class="password-content-btn">
                   <div class="cont hover-Btn-color">
-                    <el-button
-                      v-if="loginTab == 1"
-                      :loading="loading"
-                      @keyup.enter.native="loginBtnpassword"
-                      @click="loginBtnpassword"
-                      >{{ $t("登录") }}</el-button
-                    >
+                    <el-button v-if="loginTab == 1" :loading="loading" @keyup.enter.native="loginBtnpassword"
+                      @click="loginBtnpassword">{{ $t("登录") }}</el-button>
                     <div class="login-line"></div>
-                    <el-button
-                      v-if="loginTab == 2"
-                      :loading="loading1"
-                      @keyup.enter.native="loginBtnEmail"
-                      @click="loginBtnEmail"
-                      >{{ $t("登录") }}</el-button
-                    >
+                    <el-button v-if="loginTab == 2" :loading="loading1" @keyup.enter.native="loginBtnEmail"
+                      @click="loginBtnEmail">{{ $t("登录") }}</el-button>
                     <div class="login-line"></div>
                   </div>
                 </div>
@@ -171,74 +140,42 @@
               <div class="password-content-box">
                 <div class="title1">{{ $t("邮箱") }}</div>
                 <div class="input1">
-                  <el-input
-                    class="input"
-                    :placeholder="$t('请输入邮箱')"
-                    v-model="for_phone_number"
-                    clearable
-                  ></el-input>
+                  <el-input class="input" :placeholder="$t('请输入邮箱')" v-model="for_phone_number" clearable></el-input>
                 </div>
                 <div class="title2">{{ $t("邮箱验证码") }}</div>
                 <div class="input1">
                   <div class="email-code">
-                    <el-input
-                      class="input"
-                      maxlength="6"
-                      :placeholder="$t('请输入验证码')"
-                      v-model="for_phone_code"
-                      clearable
-                    ></el-input>
+                    <el-input class="input" maxlength="6" :placeholder="$t('请输入验证码')" v-model="for_phone_code"
+                      clearable></el-input>
                     <div class="get-code">
-                      <el-button
-                        class="cont"
-                        :loading="sendLoading"
-                        style="cursor: pointer; height: 32px"
-                        :class="regStr != $t('获取验证码') ? 'dis' : ''"
-                        @click="getforgetCode"
-                        >{{ regStr }}</el-button
-                      >
+                      <el-button class="cont" :loading="sendLoading" style="cursor: pointer; height: 32px"
+                        :class="regStr != $t('获取验证码') ? 'dis' : ''" @click="getforgetCode">{{ regStr }}</el-button>
                     </div>
                   </div>
                 </div>
                 <div class="title2">{{ $t("密码") }}</div>
                 <div class="input1">
                   <div class="email-code">
-                    <el-input
-                      class="input"
-                      :placeholder="$t('请输入密码')"
-                      v-model="for_phone_password"
-                      :type="passwordType"
-                      clearable
-                    ></el-input>
+                    <el-input class="input" :placeholder="$t('请输入密码')" v-model="for_phone_password" :type="passwordType"
+                      clearable></el-input>
                     <div class="img-password" @click="showPwd">
-                      <img
-                        :src="
-                          passwordType === 'password'
-                            ? require('../assets/tomert/Frame-2.png')
-                            : require('../assets/tomert/Frame-1.png')
-                        "
-                      />
+                      <img :src="passwordType === 'password'
+                        ? require('../assets/tomert/Frame-2.png')
+                        : require('../assets/tomert/Frame-1.png')
+                        " />
                     </div>
                   </div>
                 </div>
                 <div class="title2">{{ $t("确认密码") }}</div>
                 <div class="input1">
                   <div class="email-code">
-                    <el-input
-                      class="input"
-                      :placeholder="$t('请输入确认密码')"
-                      v-model="age_for_phone_password"
-                      :type="passwordType"
-                      clearable
-                    ></el-input>
+                    <el-input class="input" :placeholder="$t('请输入确认密码')" v-model="age_for_phone_password"
+                      :type="passwordType" clearable></el-input>
                     <div class="img-password" @click="showPwd">
-                      <img
-                        :src="
-                          passwordType === 'password'
-                            ? require('../assets/tomert/Frame-2.png')
-                            : require('../assets/tomert/Frame-1.png')
-                        "
-                      />
+                      <img :src="passwordType === 'password'
+                        ? require('../assets/tomert/Frame-2.png')
+                        : require('../assets/tomert/Frame-1.png')
+                        " />
                     </div>
                   </div>
                 </div>
@@ -270,73 +207,42 @@
               <div class="password-content-box">
                 <div class="title1">{{ $t("邮箱") }}</div>
                 <div class="input1">
-                  <el-input
-                    class="input"
-                    :placeholder="$t('请输入邮箱号')"
-                    v-model="rg_phone_number"
-                    clearable
-                  ></el-input>
+                  <el-input class="input" :placeholder="$t('请输入邮箱号')" v-model="rg_phone_number" clearable></el-input>
                 </div>
                 <div class="title2">{{ $t("邮箱验证码") }}</div>
                 <div class="input1">
                   <div class="email-code">
-                    <el-input
-                      class="input"
-                      maxlength="6"
-                      :placeholder="$t('请输入验证码')"
-                      v-model="usernameCode"
-                      clearable
-                    ></el-input>
+                    <el-input class="input" maxlength="6" :placeholder="$t('请输入验证码')" v-model="usernameCode"
+                      clearable></el-input>
                     <div class="get-code">
-                      <el-button
-                        class="cont"
-                        :loading="sendLoading"
-                        :class="regStr != $t('获取验证码') ? 'dis' : ''"
-                        @click="reg_get_Code"
-                        >{{ regStr }}</el-button
-                      >
+                      <el-button class="cont" :loading="sendLoading" :class="regStr != $t('获取验证码') ? 'dis' : ''"
+                        @click="reg_get_Code">{{ regStr }}</el-button>
                     </div>
                   </div>
                 </div>
                 <div class="title2">{{ $t("密码") }}</div>
                 <div class="input1">
                   <div class="email-code">
-                    <el-input
-                      class="input"
-                      :placeholder="$t('home1')"
-                      v-model="rg_phone_password"
-                      :type="passwordType"
-                      clearable
-                    ></el-input>
+                    <el-input class="input" :placeholder="$t('home1')" v-model="rg_phone_password" :type="passwordType"
+                      clearable></el-input>
                     <div class="img-password" @click="showPwd">
-                      <img
-                        :src="
-                          passwordType === 'password'
-                            ? require('../assets/tomert/Frame-2.png')
-                            : require('../assets/tomert/Frame-1.png')
-                        "
-                      />
+                      <img :src="passwordType === 'password'
+                        ? require('../assets/tomert/Frame-2.png')
+                        : require('../assets/tomert/Frame-1.png')
+                        " />
                     </div>
                   </div>
                 </div>
                 <div class="title2">{{ $t("确认密码") }}</div>
                 <div class="input1">
                   <div class="email-code">
-                    <el-input
-                      class="input"
-                      :placeholder="$t('请输入确认密码')"
-                      v-model="age_rg_phone_password"
-                      :type="passwordType"
-                      clearable
-                    ></el-input>
+                    <el-input class="input" :placeholder="$t('请输入确认密码')" v-model="age_rg_phone_password"
+                      :type="passwordType" clearable></el-input>
                     <div class="img-password" @click="showPwd">
-                      <img
-                        :src="
-                          passwordType === 'password'
-                            ? require('../assets/tomert/Frame-2.png')
-                            : require('../assets/tomert/Frame-1.png')
-                        "
-                      />
+                      <img :src="passwordType === 'password'
+                        ? require('../assets/tomert/Frame-2.png')
+                        : require('../assets/tomert/Frame-1.png')
+                        " />
                     </div>
                   </div>
                 </div>
@@ -364,28 +270,13 @@
       </div>
       <div class="titan-storage-login-button">
         <div class="login-button-left">
-          <img
-            @click="jumplink('https://medium.com/@8355697')"
-            class="img1"
-            src="../assets/tomert/Frame 427318627.png"
-          />
-          <img
-            @click="jumplink('https://t.me/titannet_dao')"
-            class="img2"
-            src="../assets/tomert/Frame 427318628.png"
-          />
-          <img
-            @click="jumplink('https://twitter.com/Titannet_dao')"
-            class="img3"
-            src="../assets/tomert/Frame 427318629.png"
-          />
-          <img
-            @click="
-              jumplink('https://filecoinproject.slack.com/archives/C03QG9433HA')
-            "
-            class="img4"
-            src="../assets/tomert/Frame 427318630.png"
-          />
+          <img @click="jumplink('https://medium.com/@8355697')" class="img1" src="../assets/tomert/Frame 427318627.png" />
+          <img @click="jumplink('https://t.me/titannet_dao')" class="img2" src="../assets/tomert/Frame 427318628.png" />
+          <img @click="jumplink('https://twitter.com/Titannet_dao')" class="img3"
+            src="../assets/tomert/Frame 427318629.png" />
+          <img @click="
+            jumplink('https://filecoinproject.slack.com/archives/C03QG9433HA')
+            " class="img4" src="../assets/tomert/Frame 427318630.png" />
         </div>
         <div class="login-button-right">
           <div>Login</div>
@@ -398,19 +289,11 @@
                     <div class="cont">{{ $t("创建钱包") }}</div>
                     <div class="line"></div>
                   </div>
-                  <div
-                    class="create"
-                    @click="showFileLogin(2)"
-                    style="margin-top: 10px"
-                  >
+                  <div class="create" @click="showFileLogin(2)" style="margin-top: 10px">
                     <div class="cont">{{ $t("导入钱包") }}</div>
                     <div class="line"></div>
                   </div>
-                  <div
-                    class="create"
-                    @click="showFileLogin(3)"
-                    style="margin-top: 10px"
-                  >
+                  <div class="create" @click="showFileLogin(3)" style="margin-top: 10px">
                     <div class="cont">{{ $t("导入秘钥") }}</div>
                     <div class="line"></div>
                   </div>
@@ -427,7 +310,7 @@
         </div>
       </div>
     </div>
-    <loginPage ref="loginPage" />
+    <!-- <loginPage ref="loginPage" /> -->
   </div>
 </template>
 <script >
@@ -544,8 +427,8 @@ export default {
       this.email_password1 = "";
       this.usernameCode = "";
     },
-    getCode1() {},
-    getCode2() {},
+    getCode1() { },
+    getCode2() { },
     loginBtn() {
       this.$router.push("/home/dashboard");
     },
@@ -613,9 +496,9 @@ export default {
       this.$http
         .post(
           "/api/v1/storage/get_verify_code?username=" +
-            this.rg_phone_number +
-            "&type=" +
-            1
+          this.rg_phone_number +
+          "&type=" +
+          1
         )
         .then((res) => {
           this.canSend = true;
@@ -712,9 +595,9 @@ export default {
       this.$http
         .post(
           "/api/v1/storage/get_verify_code?username=" +
-            this.phone_number +
-            "&type=" +
-            2
+          this.phone_number +
+          "&type=" +
+          2
         )
         .then((res) => {
           this.canSend = true;
@@ -782,9 +665,9 @@ export default {
       this.$http
         .post(
           "/api/v1/storage/get_verify_code?username=" +
-            this.for_phone_number +
-            "&type=" +
-            3
+          this.for_phone_number +
+          "&type=" +
+          3
         )
         .then((res) => {
           this.canSend = true;
@@ -856,8 +739,10 @@ export default {
   padding: 0 15px;
   border-radius: 20px;
 }
+
 .password-content-btn {
   position: relative;
+
   .login-line {
     position: absolute;
     width: 82px;
@@ -868,26 +753,27 @@ export default {
     margin-left: -41px;
     display: none;
   }
+
   &:hover {
     .hover-Btn-color {
-      background: linear-gradient(
-          180deg,
+      background: linear-gradient(180deg,
           #25775a 0%,
           #1a3f2f 26%,
           #0d3023 52%,
           #183629 76%,
-          #154d35 100%
-        )
-        rgba(250, 251, 235, 0.1) !important;
+          #154d35 100%) rgba(250, 251, 235, 0.1) !important;
     }
+
     .login-line {
       display: block;
     }
   }
 }
+
 .btn-click-color {
   cursor: pointer;
 }
+
 .video {
   position: fixed;
   left: 0;
@@ -896,20 +782,23 @@ export default {
   height: auto;
   object-fit: cover;
 }
+
 .bg {
-  min-width: 1240px;
+  width: 100vw;
   height: 100%;
   -webkit-font-smoothing: antialiased;
   background: radial-gradient(ellipse at bottom, #1c2837 0%, #050608 100%);
   background-attachment: fixed;
   background-size: contain;
 }
+
 .titan-storage-login-button {
   height: 100px;
   display: flex;
   justify-content: space-between;
   padding-left: 60px;
   padding-right: 31px;
+
   .login-button-right {
     display: flex;
     color: #fff;
@@ -917,17 +806,17 @@ export default {
     height: 50px;
     display: flex;
     align-items: center;
+
     .log-tab {
       margin-left: 25px;
       width: 275px;
       height: 50px;
       border-radius: 800px;
       padding: 2px;
-      background: linear-gradient(
-        180deg,
-        rgba(163, 216, 156, 0.4),
-        rgba(63, 219, 41, 0.4)
-      );
+      background: linear-gradient(180deg,
+          rgba(163, 216, 156, 0.4),
+          rgba(63, 219, 41, 0.4));
+
       .contaaa {
         width: 100%;
         height: 100%;
@@ -936,49 +825,51 @@ export default {
         display: flex;
         align-items: center;
         justify-content: center;
+
         .meta1 {
           width: 32px;
           height: 32px;
           position: relative;
           cursor: pointer;
+
           &:hover {
             .login-type {
               display: block;
             }
           }
+
           .login-type {
             position: absolute;
             bottom: 0px;
             left: -54px;
             padding-bottom: 50px;
             display: none;
+
             .create {
               &:hover {
                 .cont {
-                  background: linear-gradient(
-                      180deg,
+                  background: linear-gradient(180deg,
                       #25775a 0%,
                       #1a3f2f 26%,
                       #0d3023 52%,
                       #183629 76%,
-                      #154d35 100%
-                    )
-                    rgba(250, 251, 235, 0.2);
+                      #154d35 100%) rgba(250, 251, 235, 0.2);
                 }
+
                 .line {
                   display: block;
                 }
               }
+
               width: 129px;
               height: 36px;
               padding: 1px;
               position: relative;
               border-radius: 8px;
-              background: linear-gradient(
-                180deg,
+              background: linear-gradient(180deg,
                 rgba(144, 168, 141, 1),
-                rgba(182, 221, 176, 0)
-              );
+                rgba(182, 221, 176, 0));
+
               .line {
                 position: absolute;
                 width: 34px;
@@ -989,19 +880,17 @@ export default {
                 margin-left: -17px;
                 display: none;
               }
+
               .cont {
                 width: 100%;
                 height: 100%;
                 border-radius: 8px;
-                background: linear-gradient(
-                    180deg,
+                background: linear-gradient(180deg,
                     #25775a 0%,
                     #1a3f2f 26%,
                     #0d3023 52%,
                     #183629 76%,
-                    #154d35 100%
-                  )
-                  rgba(250, 251, 235, 100%);
+                    #154d35 100%) rgba(250, 251, 235, 100%);
                 font-weight: bold;
                 color: #a1ffa1;
                 font-size: 12px;
@@ -1012,26 +901,31 @@ export default {
               }
             }
           }
-          > img {
+
+          >img {
             width: 100%;
             height: 100%;
           }
         }
+
         .meta2 {
           width: 33px;
           height: 30px;
           margin: 0 40px;
           cursor: pointer;
-          > img {
+
+          >img {
             width: 100%;
             height: 100%;
           }
         }
+
         .meta3 {
           width: 28px;
           height: 29px;
           cursor: pointer;
-          > img {
+
+          >img {
             width: 100%;
             height: 100%;
           }
@@ -1039,24 +933,29 @@ export default {
       }
     }
   }
+
   .login-button-left {
-    > img {
+    >img {
       cursor: pointer;
     }
+
     .img1 {
       width: 30px;
       height: 25px;
     }
+
     .img2 {
       width: 28px;
       height: 24px;
       margin: 0 40px;
     }
+
     .img3 {
       width: 30px;
       height: 25px;
       margin-right: 40px;
     }
+
     .img4 {
       width: 30px;
       height: 30px;
@@ -1065,14 +964,33 @@ export default {
 }
 
 .titan-storage-login {
+  color: #fff;
   height: 100%;
   position: relative;
   z-index: 1111;
   width: 100%;
+
+  .logo-img {
+    width: 60px;
+    height: 46px;
+    object-fit: contain;
+    margin-top: 50px;
+  }
+
+  .title-box {
+    border: 2px solid;
+    border-image: linear-gradient(90deg, #40C11C 0%, #4AC0CD 100%) 1;
+    padding: 5px;
+    background: #20252B;
+    border-radius: 20px;
+    font-size: 12px;
+  }
+
   .titan-storage-login-content {
     display: flex;
     justify-content: space-between;
     height: calc(100% - 100px);
+
     .titan-storage-login-content-right {
       height: 100%;
       display: flex;
@@ -1080,19 +998,20 @@ export default {
       padding-right: 31px;
       color: #f5f5f5;
       padding-top: 36px;
+
       .titan-storage-login-box {
         /deep/ input::placeholder {
           color: #dfdfdf;
         }
+
         border-radius: 16px;
         padding: 1px;
-        background: linear-gradient(
-          139deg,
+        background: linear-gradient(139deg,
           rgba(106, 121, 116, 1),
           rgba(100, 122, 87, 0.1),
           rgba(69, 87, 81, 1),
-          rgba(100, 122, 87, 0.1)
-        );
+          rgba(100, 122, 87, 0.1));
+
         .content {
           width: 100%;
           height: 100%;
@@ -1100,23 +1019,29 @@ export default {
           border-radius: 16px !important;
           padding: 18px;
           box-sizing: border-box;
+
           .password-content-box {
             margin-top: 16px;
+
             .reset-Password {
               display: flex;
               align-items: center;
               justify-content: space-between;
               margin-top: 16px;
-              > div:nth-child(2) {
+
+              >div:nth-child(2) {
                 font-size: 14px;
-                > span:nth-child(1) {
+
+                >span:nth-child(1) {
                   color: #697569;
                 }
-                > span:nth-child(2) {
+
+                >span:nth-child(2) {
                   color: #7f9d7e;
                 }
               }
             }
+
             .register-or-forget {
               margin-top: 15px;
               display: flex;
@@ -1124,29 +1049,28 @@ export default {
               color: #7f9d7e;
               font-size: 14px;
             }
+
             .password-content-btn {
               margin-top: 24px;
-              background: linear-gradient(
-                180deg,
-                rgba(144, 168, 141, 1),
-                rgba(182, 221, 176, 0)
-              );
+              background: linear-gradient(180deg,
+                  rgba(144, 168, 141, 1),
+                  rgba(182, 221, 176, 0));
               width: 328px;
               height: 40px;
               border-radius: 8px;
               padding: 1px;
+
               .cont {
                 width: 100%;
                 height: 100%;
-                background: linear-gradient(
-                  180deg,
-                  #25775a 0%,
-                  #1a3f2f 26%,
-                  #0d3023 52%,
-                  #183629 76%,
-                  #154d35 100%
-                );
+                background: linear-gradient(180deg,
+                    #25775a 0%,
+                    #1a3f2f 26%,
+                    #0d3023 52%,
+                    #183629 76%,
+                    #154d35 100%);
                 border-radius: 8px;
+
                 /deep/.el-button--default {
                   width: 100%;
                   height: 100%;
@@ -1158,39 +1082,45 @@ export default {
                 }
               }
             }
+
             .title1 {
+
               font-weight: bold;
               font-size: 14px;
               margin-bottom: 12px;
             }
+
             .title2 {
               font-weight: bold;
               font-size: 14px;
               margin-bottom: 8px;
               margin-top: 16px;
             }
+
             .input1 {
               width: 328px;
               border-radius: 8px;
               padding: 1px;
-              background: linear-gradient(
-                181deg,
-                rgba(68, 116, 60, 1),
-                rgba(39, 102, 94, 1)
-              );
+              background: linear-gradient(181deg,
+                  rgba(68, 116, 60, 1),
+                  rgba(39, 102, 94, 1));
+
               /deep/ .el-input__inner {
                 background: none !important;
                 border: none !important;
                 color: #fff !important;
               }
+
               .img-password {
                 margin-right: 15px;
                 cursor: pointer;
-                > img {
+
+                >img {
                   width: 24px;
                   height: 24px;
                 }
               }
+
               .email-code {
                 width: 100%;
                 height: 100%;
@@ -1199,36 +1129,36 @@ export default {
                 color: #fff !important;
                 display: flex;
                 align-items: center;
+
                 .get-code {
                   width: 92px;
                   height: 32px;
-                  background: linear-gradient(
-                    180deg,
-                    rgba(37, 119, 90, 1),
-                    rgba(26, 63, 47, 1),
-                    rgba(13, 48, 35, 1),
-                    rgba(24, 54, 41, 1),
-                    rgba(21, 77, 53, 1)
-                  );
+                  background: linear-gradient(180deg,
+                      rgba(37, 119, 90, 1),
+                      rgba(26, 63, 47, 1),
+                      rgba(13, 48, 35, 1),
+                      rgba(24, 54, 41, 1),
+                      rgba(21, 77, 53, 1));
                   border-radius: 8px;
                   padding: 1px;
                   margin-right: 9px;
                   flex-shrink: 0;
+
                   /deep/ .el-button {
                     border: none !important;
                   }
+
                   cursor: pointer;
+
                   .cont {
                     width: 100%;
                     height: 100%;
-                    background: linear-gradient(
-                      180deg,
-                      #5d6454 0%,
-                      #28493b 16%,
-                      #052e1c 48%,
-                      #1d3a2e 80%,
-                      #42473c 100%
-                    );
+                    background: linear-gradient(180deg,
+                        #5d6454 0%,
+                        #28493b 16%,
+                        #052e1c 48%,
+                        #1d3a2e 80%,
+                        #42473c 100%);
                     border-radius: 8px;
                     color: #77ab87;
                     font-size: 14px;
@@ -1239,6 +1169,7 @@ export default {
                   }
                 }
               }
+
               .input {
                 width: 100%;
                 height: 100%;
@@ -1248,26 +1179,27 @@ export default {
               }
             }
           }
+
           .login-tab {
             display: flex;
             font-weight: bold;
             font-size: 22px;
             align-items: center;
             justify-content: center;
+
             .password-tab {
               position: relative;
               text-align: center;
               cursor: pointer;
               font-size: 16px;
-              > div:nth-child(2) {
+
+              >div:nth-child(2) {
                 margin-top: 6px;
                 // width: 47px;
                 height: 3px;
-                background: linear-gradient(
-                  180deg,
-                  #839b81 0%,
-                  rgba(78, 148, 122, 0) 100%
-                );
+                background: linear-gradient(180deg,
+                    #839b81 0%,
+                    rgba(78, 148, 122, 0) 100%);
                 border-radius: 80px 80px 80px 80px;
                 opacity: 1;
                 left: 20px;
@@ -1275,6 +1207,7 @@ export default {
                 position: absolute;
               }
             }
+
             .email-tab {
               margin-left: 45px;
             }
@@ -1282,6 +1215,7 @@ export default {
         }
       }
     }
+
     .titan-storage-login-content-left {
       padding-left: 60px;
       padding-top: 60px;
@@ -1289,40 +1223,45 @@ export default {
       flex-direction: column;
       flex: 1;
       height: 100%;
+
       .logo-top {
         display: flex;
         align-items: center;
         color: #fff;
-        > img {
+
+        >img {
           display: block;
           width: 260px;
           height: auto;
           margin-right: 20px;
         }
       }
+
       .titan-storage-login-title {
         padding-left: 100px;
         height: calc(100% - 60px);
         display: flex;
         flex-direction: column;
         justify-content: center;
+
         .title-serve {
           margin-top: 32px;
           display: flex;
+
           .serve-DCDN2 {
             margin: 0 20px;
           }
+
           .serve-DCDN {
             width: 209px;
             height: 60px;
             border-radius: 16px 16px 16px 16px;
             padding: 3px;
-            background: linear-gradient(
-              133deg,
-              rgba(123, 251, 102, 1),
-              rgba(3, 161, 191, 1)
-            );
-            > div {
+            background: linear-gradient(133deg,
+                rgba(123, 251, 102, 1),
+                rgba(3, 161, 191, 1));
+
+            >div {
               width: 100%;
               height: 100%;
               background: #022220;
@@ -1345,10 +1284,12 @@ export default {
           color: #ffffff;
           line-height: 84px;
           letter-spacing: 3px;
+
           .nft-color {
             color: #52ff3a;
           }
         }
+
         .title1 {
           font-weight: 400;
           color: #ffffff;
@@ -1358,24 +1299,26 @@ export default {
     }
   }
 }
+
 .enlishBoxContent {
-  .titan-storage-login
-    .titan-storage-login-content
-    .titan-storage-login-content-left
-    .titan-storage-login-title {
+  .titan-storage-login .titan-storage-login-content .titan-storage-login-content-left .titan-storage-login-title {
     padding-left: 60px !important;
   }
+
   .serve-DCDN2 {
     width: 220px !important;
   }
+
   .serve-DCDN3 {
     width: 280px !important;
   }
+
   .serve-DCDN1 {
     width: 130px !important;
   }
+
   .serve-DCDN {
-    > div {
+    >div {
       font-size: 16px !important;
     }
   }
diff --git a/src/wallet/metamask.js b/src/wallet/metamask.js
index 193fb96..8531b1c 100644
--- a/src/wallet/metamask.js
+++ b/src/wallet/metamask.js
@@ -28,35 +28,39 @@ const getSign = (address, callback) => {
 }
 async function metamask(callback) {
     if (!window.ethereum) {
-        MessageBox.alert(i18n.t('请安装MetaMask钱包后再登录'), {
-            customClass: 'metacustomClass'
-        })
-        callback()
+        window.location.reload()
         return
     };
-    if (window.ethereum.networkVersion != parseInt(chain.chainId)) {
-        try {
-            await window.ethereum.request({
-                method: 'wallet_switchEthereumChain',
-                params: [{ chainId: chain.chainId }],
-            })
-            getAccount(callback)
-        } catch (res) {
-            if (res && res.code == 4902) {
-                try {
-                    await window.ethereum.request({
-                        method: 'wallet_addEthereumChain',
-                        params: [chain],
-                    })
-                    getAccount(callback)
-                } catch (err) {
-                    callback()
-                }
+    const chainId = await window.ethereum.request({
+        method:'eth_chainId'
+    })
+    
+    if (parseInt(chainId) != parseInt(chain.chainId)) {
+        MessageBox.alert('请切换到FIL网络后再登录', {
+            customClass: 'metacustomClass'
+        })
+        // try {
+        //     await window.ethereum.request({
+        //         method: 'wallet_switchEthereumChain',
+        //         params: [{ chainId: chain.chainId }],
+        //     })
+        //     getAccount(callback)
+        // } catch (res) {
+        //     if (res && res.code == 4902) {
+        //         try {
+        //             await window.ethereum.request({
+        //                 method: 'wallet_addEthereumChain',
+        //                 params: [chain],
+        //             })
+        //             getAccount(callback)
+        //         } catch (err) {
+        //             callback()
+        //         }
 
-            } else {
-                callback()
-            }
-        }
+        //     } else {
+        //         callback()
+        //     }
+        // }
 
     } else {
         getAccount(callback)
