v0.7.17 修复高dpi 显示器 的显示错位问题

Author: Hunlongyu

package.json

@@ -1,6 +1,6 @@
 {
   "name": "zy",
-  "version": "0.7.16",
+  "version": "0.7.17",
   "private": true,
   "scripts": {
     "serve": "vue-cli-service serve",

src/page/film.vue

@@ -10,11 +10,11 @@
         <el-table-column prop="name" label="影片名称"></el-table-column>
         <el-table-column prop="type" label="影片类别" width="120"></el-table-column>
         <el-table-column prop="time" label="更新时间" width="180"></el-table-column>
-        <el-table-column label="操作" width="130">
+        <el-table-column label="操作" width="120">
           <template slot-scope="scope">
-            <el-button type="text" @click="tableBtnClick('detail', scope.row)">详情</el-button>
-            <el-button type="text" @click="tableBtnClick('star', scope.row)">收藏</el-button>
-            <el-button type="text" @click="tableBtnClick('play', scope.row)">播放</el-button>
+            <el-button size="small" type="text" @click="tableBtnClick('detail', scope.row)">详情</el-button>
+            <el-button size="small" type="text" @click="tableBtnClick('star', scope.row)">收藏</el-button>
+            <el-button size="small" type="text" @click="tableBtnClick('play', scope.row)">播放</el-button>
           </template>
         </el-table-column>
       </el-table>

src/page/search.vue

@@ -13,11 +13,11 @@
         <el-table-column prop="name" label="影片名称"></el-table-column>
         <el-table-column prop="type" label="影片类别" width="120"></el-table-column>
         <el-table-column prop="time" label="更新时间" width="180"></el-table-column>
-        <el-table-column label="操作" width="130">
+        <el-table-column label="操作" width="120">
           <template slot-scope="scope">
-            <el-button type="text" @click="tableBtnClick('detail', scope.row)">详情</el-button>
-            <el-button type="text" @click="tableBtnClick('star', scope.row)">收藏</el-button>
-            <el-button type="text" @click="tableBtnClick('play', scope.row)">播放</el-button>
+            <el-button size="small" type="text" @click="tableBtnClick('detail', scope.row)">详情</el-button>
+            <el-button size="small" type="text" @click="tableBtnClick('star', scope.row)">收藏</el-button>
+            <el-button size="small" type="text" @click="tableBtnClick('play', scope.row)">播放</el-button>
           </template>
         </el-table-column>
       </el-table>

src/page/star.vue

@@ -5,11 +5,11 @@
         <el-table-column prop="name" label="影片名称"></el-table-column>
         <el-table-column prop="type" label="影片类别" width="120"></el-table-column>
         <el-table-column prop="time" label="更新时间" width="180"></el-table-column>
-        <el-table-column label="操作" width="130">
+        <el-table-column label="操作" width="120">
           <template slot-scope="scope">
-            <el-button type="text" @click="tableBtnClick('detail', scope.row)">详情</el-button>
-            <el-button type="text" @click="tableBtnClick('delete', scope.row)">删除</el-button>
-            <el-button type="text" @click="tableBtnClick('play', scope.row)">播放</el-button>
+            <el-button size="small" type="text" @click="tableBtnClick('detail', scope.row)">详情</el-button>
+            <el-button size="small" type="text" @click="tableBtnClick('delete', scope.row)">删除</el-button>
+            <el-button size="small" type="text" @click="tableBtnClick('play', scope.row)">播放</el-button>
           </template>
         </el-table-column>
       </el-table>