From 7d4ffeed879f2e071aa39339b2bef678a204224b Mon Sep 17 00:00:00 2001
From: Hunlongyu <hunlongyu@gmail.com>
Date: Fri, 16 Oct 2020 18:00:13 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=83=20=E7=A7=BB=E9=99=A4=20element=20?=
 =?UTF-8?q?=E5=85=A8=E5=B1=80=E5=AF=BC=E5=85=A5,=20=E4=BF=AE=E6=94=B9=20st?=
 =?UTF-8?q?ar=20=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Star.vue  | 62 +++++++++++++++++++---------------------
 src/lib/element/index.js |  4 ++-
 src/main.js              |  3 --
 3 files changed, 32 insertions(+), 37 deletions(-)

diff --git a/src/components/Star.vue b/src/components/Star.vue
index e818fd3..22e7efb 100644
--- a/src/components/Star.vue
+++ b/src/components/Star.vue
@@ -43,30 +43,28 @@
                 </span>
               </li>
               <draggable v-model="list" @change="listUpdatedEvent">
-                <transition-group>
-                  <li
-                    v-for="(i, j) in list"
-                    :key="j"
-                    @click="detailEvent(i)"
-                    :class="[i.hasUpdate ? 'zy-highlighted' : '']"
-                  >
-                    <span class="name">{{ i.name }}</span>
-                    <span class="type">{{ i.type }}</span>
-                    <span class="time">{{ i.year }}</span>
-                    <span class="site">{{ getSiteName(i.key) }}</span>
-                    <span class="note">{{ i.note }}</span>
-                    <span class="note">{{ getHistoryNote(i.index) }}</span>
-                    <span class="operate">
-                      <span class="btn" @click.stop="playEvent(i)">播放</span>
-                      <span class="btn" @click.stop="shareEvent(i)">分享</span>
-                      <span class="btn" @click.stop="updateEvent(i)">同步</span>
-                      <span class="btn" @click.stop="downloadEvent(i)"
-                        >下载</span
-                      >
-                      <span class="btn" @click.stop="deleteEvent(i)">删除</span>
-                    </span>
-                  </li>
-                </transition-group>
+                <li
+                  v-for="(i, j) in list"
+                  :key="j"
+                  @click="detailEvent(i)"
+                  :class="[i.hasUpdate ? 'zy-highlighted' : '']"
+                >
+                  <span class="name">{{ i.name }}</span>
+                  <span class="type">{{ i.type }}</span>
+                  <span class="time">{{ i.year }}</span>
+                  <span class="site">{{ getSiteName(i.key) }}</span>
+                  <span class="note">{{ i.note }}</span>
+                  <span class="note">{{ getHistoryNote(i.index) }}</span>
+                  <span class="operate">
+                    <span class="btn" @click.stop="playEvent(i)">播放</span>
+                    <span class="btn" @click.stop="shareEvent(i)">分享</span>
+                    <span class="btn" @click.stop="updateEvent(i)">同步</span>
+                    <span class="btn" @click.stop="downloadEvent(i)"
+                      >下载</span
+                    >
+                    <span class="btn" @click.stop="deleteEvent(i)">删除</span>
+                  </span>
+                </li>
               </draggable>
             </ul>
           </div>
@@ -379,20 +377,18 @@ export default {
 </script>
 <style lang="scss" scoped>
 .detail{
-  position: absolute;
-  left: 80px;
-  right: 20px;
-  bottom: 0;
-  width: calc(100% - 100px);
+  z-index: 2000;
+  position: relative;
+  width: 100%;
   height: calc(100% - 40px);
-  z-index: 888;
+  border-radius: 5px;
   .detail-content{
-    height: calc(100% - 10px);
-    padding: 0 60px;
+    height: 100%;
     position: relative;
     .detail-header{
       width: 100%;
-      height: 40px;
+      height: 50px;
+      padding: 0 10px;
       display: flex;
       align-items: center;
       justify-content: space-between;
diff --git a/src/lib/element/index.js b/src/lib/element/index.js
index fceffe3..cee0c83 100644
--- a/src/lib/element/index.js
+++ b/src/lib/element/index.js
@@ -1,3 +1,5 @@
 import Vue from 'vue'
-import { Message } from 'element-ui'
+import { Message, Table, TableColumn } from 'element-ui'
+Vue.use(Table)
+Vue.use(TableColumn)
 Vue.prototype.$message = Message
diff --git a/src/main.js b/src/main.js
index a08a355..f886e79 100644
--- a/src/main.js
+++ b/src/main.js
@@ -3,10 +3,7 @@ import App from './App.vue'
 import store from './store'
 import 'modern-normalize'
 import Register from './components/register'
-import './lib/element/index'
-import ElementUI from 'element-ui'
 
-Vue.use(ElementUI)
 Register.registerComponents()
 Vue.config.productionTip = false
 new Vue({