From be6f4a57c65b7c7b607f363480a96b3a3e114992 Mon Sep 17 00:00:00 2001
From: hunlongyu <hunlongyu@gmail.com>
Date: Tue, 24 Dec 2019 11:40:00 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E6=92=AD=E6=94=BE=E5=99=A8?=
 =?UTF-8?q?=E7=9A=84=E5=A4=A7=E5=B0=8F=E4=BD=8D=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json         |  2 +-
 src/views/Player.vue | 17 +++++++++++++++--
 2 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/package.json b/package.json
index 04656f5..0bd3456 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "zy-player",
-  "version": "0.5.6",
+  "version": "0.5.7",
   "author": "Hunlongyu",
   "description": "A Video Player",
   "license": "MIT",
diff --git a/src/views/Player.vue b/src/views/Player.vue
index 633015d..3594507 100644
--- a/src/views/Player.vue
+++ b/src/views/Player.vue
@@ -1,7 +1,9 @@
 <template>
   <Row class="player">
     <div class="title">{{ video.name }} -- {{ info }}</div>
-    <div class="playerBox" id="xg"></div>
+    <div class="playerBox">
+      <div id="xg"></div>
+    </div>
     <div class="list">
       <Button v-for="(i, j) in video.urls" :key="j" @click="playBtn(i, j, video)">{{i | ftLink}}</Button>
     </div>
@@ -87,16 +89,27 @@ export default {
 <style lang="scss" scoped>
 .player{
   padding: 10px;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
   .title{
     margin-bottom: 8px;
     font-size: 18px;
+    text-align: left;
+    width: 800px;
   }
   .playerBox{
     width: 100%;
-    max-width: 600px;
+    max-width: 800px;
+    border: 1px solid #000;
   }
   .list{
     margin-top: 10px;
+    width: 800px;
+    text-align: left;
     button{
       margin-right: 10px;
       margin-bottom: 10px;