#417 限制收藏弹框高度

vipshop · May 4, 2018 · 9f84e5b · 9f84e5b
1 parent 5021de7
commit 9f84e5b
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/saturn-console-web/src/components/common/favorites/src/main.vue b/saturn-console-web/src/components/common/favorites/src/main.vue
@@ -2,7 +2,7 @@
 <div class="fav-container">
   <el-popover trigger="click" ref="popover" title="我的收藏" @show="show = true" @hide="show = false" popper-class="my-fav" placement="bottom" width="400">
     <el-form :model="form">
-      <el-table :data="favorites" :show-header="true" v-if="show">
+      <el-table :data="favorites" :show-header="true" v-if="show" class="fav-table">
         <el-table-column property="title" label="名称" show-overflow-tooltip>
           <template slot-scope="scope">
             <el-form-item v-if="scope.row.path === editPath" style="margin-bottom: 0;">
@@ -34,7 +34,7 @@
             <span v-else>{{scope.row.group || '暂无分组'}}</span>
           </template>
         </el-table-column>
-        <el-table-column width="70" label="操作">
+        <el-table-column width="80px" label="操作">
           <template slot-scope="scope">
             <div v-if="scope.row.path === editPath">
               <el-tooltip class="item" effect="dark" content="保存" placement="top" key="floppy">
@@ -181,6 +181,10 @@ export default {
   height: 40px;
   line-height: 40px;
 }
+.fav-table {
+  max-height: 350px;
+  overflow: auto;
+}
 .my-fav {
   &.el-popover {
       padding: 8px;