😃 优化样式

package.json

@@ -1,6 +1,6 @@
 {
   "name": "zy",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "private": true,
   "author": {
     "name": "Hunlongyu",

src/background.js

@@ -8,7 +8,7 @@ import {
 import path from 'path'
 import { autoUpdater } from 'electron-updater'
 const isDevelopment = process.env.NODE_ENV !== 'production'
-const globalShortcut  = require('electron').globalShortcut
+const globalShortcut = require('electron').globalShortcut
 
 let win
 let mini
@@ -75,6 +75,7 @@ function createMini () {
 }
 
 app.allowRendererProcessReuse = true
+app.commandLine.appendSwitch('--no-sandbox')
 
 app.on('window-all-closed', () => {
   if (process.platform !== 'darwin') {

src/components/Detail.vue

@@ -136,10 +136,10 @@ export default {
   left: 0;
   bottom: 0;
   width: 100%;
-  height: 680px;
+  height: calc(100% - 40px);
   z-index: 999;
   .detail-content{
-    height: 680px;
+    height: calc(100% - 10px);
     padding: 0 60px;
     position: relative;
     .detail-header{
@@ -157,14 +157,14 @@ export default {
       }
     }
     .detail-body{
-      height: 630px;
+      height: calc(100% - 50px);
       overflow-y: auto;
       .info{
         display: flex;
         justify-content: flex-start;
         align-items: flex-start;
         flex-wrap: wrap;
-        width: 955px;
+        width: 100%;
         padding: 10px;
         border: 1px solid;
         border-radius: 2px;
@@ -256,7 +256,7 @@ export default {
       .desc{
         border: 1px solid;
         padding: 10px;
-        width: 955px;
+        width: 100%;
         margin-bottom: 10px;
         border-radius: 2px;
         font-size: 14px;
@@ -265,7 +265,7 @@ export default {
       .m3u8_urls, .mp4_urls{
         border: 1px solid;
         padding: 10px;
-        width: 955px;
+        width: 100%;
         margin-bottom: 10px;
         border-radius: 2px;
         .title{
@@ -295,10 +295,11 @@ export default {
       }
     }
     .detail-mask{
-      width: 980px;
-      height: 600px;
       position: absolute;
       top: 50px;
+      left: 0;
+      width: 100%;
+      height: calc(100 - 50px);
       display: flex;
       justify-content: center;
       align-items: center;

src/components/Play.vue

@@ -1,7 +1,8 @@
 <template>
   <div class="play">
     <div class="box">
-      <div class="title">{{name}}</div>
+      <div class="title" v-if="length === 1">{{name}}</div>
+      <div class="title" v-if="length > 1">『第 {{(video.index + 1)}} 集』 {{name}}</div>
       <div class="xgBox">
         <div id="xg"></div>
       </div>
@@ -136,6 +137,7 @@ export default {
         playbackRate: [0.25, 0.5, 0.75, 1, 1.25, 1.5, 1.75, 2, 3, 4, 5]
       },
       name: '',
+      length: 0,
       timer: null,
       scroll: false,
       more: true,
@@ -217,11 +219,13 @@ export default {
           for (const i of m3) {
             arr.push(i.split('$')[1])
           }
+          this.length = arr.length
           this.xg.src = arr[this.video.index]
           this.showNext = true
         } else {
           const link = res.m3u8_urls[this.video.index]
           const src = link.split('$')[1]
+          this.length = 1
           this.xg.src = src
           this.showNext = false
         }