v0.7.21 优化loading 暗黑样式 ,新增版本检测

.env

@@ -1 +1 @@
-GH_TOKEN=24f0914002270ceb8031787549550b7e43ddcc74
+GH_TOKEN=97570b8c9f368027800fb555f9a860aa5bf91121

package.json

@@ -1,6 +1,6 @@
 {
   "name": "zy",
-  "version": "0.7.20",
+  "version": "0.7.21",
   "author": "Hunlongyu",
   "description": "ZY Player 资源播放器",
   "private": true,

src/assets/theme/dark.scss

@@ -42,6 +42,10 @@
       width: 0px;
     }
   }
+  .el-loading-mask{
+    background-color: var(--d-bgc);
+    opacity: 0.9;
+  }
   .Header, .Aside{
     i{
       color: var(--d-icon);

src/page/setting.vue

@@ -26,10 +26,16 @@
         </el-card>
       </el-row>
     </el-row>
-    <el-row class="item update">
+    <el-row class="item update about">
       <el-row class="title"><i class="el-icon-refresh"></i><span>更新</span></el-row>
+      <el-row class="info">
+        <ul>
+          <li>当前版本: {{version}}</li>
+          <li>最新版本: {{version}}</li>
+        </ul>
+      </el-row>
       <el-row class="btns">
-        <el-button size="small" @click="checkUpdate">检查更新</el-button>
+        <el-button v-show="download" size="small" @click="linkOpen('https://github.com/Hunlongyu/ZY-Player/releases/latest')">下载更新</el-button>
       </el-row>
     </el-row>
     <el-row class="item about">
@@ -56,7 +62,9 @@ export default Vue.extend({
   data () {
     return {
       sites: sites,
-      dbSite: 0
+      dbSite: 0,
+      version: 'v0.7.21',
+      download: false
     }
   },
   computed: {
@@ -118,11 +126,18 @@ export default Vue.extend({
       })
     },
     checkUpdate () {
-      fly.get('https://api.github.com/repos/Hunlongyu/ZY-Player/releases/latest').then(() => {}).catch(() => {})
+      fly.get('https://api.github.com/repos/Hunlongyu/ZY-Player/releases/latest').then(res => {
+        if (res.data.tag_name !== this.version) {
+          this.download = true
+        } else {
+          this.download = false
+        }
+      })
     }
   },
   created () {
     this.initSetting()
+    this.checkUpdate()
   }
 })
 </script>