Browse Source

管理页面修改

haojianlong 4 years ago
parent
commit
078c48f80c

BIN
src/assets/images/more.png


BIN
src/assets/images/tips.png


+ 4 - 3
src/components/homeView/topoImageCard.vue

@@ -13,11 +13,11 @@
             <p>版本: {{data.version}}</p>
             <p>更新时间: {{data.updateTime}}</p>
             <p>更新人: {{data.putUser}}</p>
-            <span slot="reference"><i class="el-icon-warning-outline"></i></span>
+            <span slot="reference"><img :src="require('@/assets/images/tips.png')" style="width: 20px;height:20px" /></span>
           </el-popover>
           <el-dropdown :hide-on-click="false" placement="bottom-start" trigger="click">
             <span class="el-dropdown-link">
-              <span><i class="iconfont icon-guanxi"></i></span>
+              <img :src="require('@/assets/images/more.png')" style="width: 20px;height:20px" />
             </span>
             <el-dropdown-menu slot="dropdown">
               <el-dropdown-item v-for="t in moreList" :key="t.name">{{t.label}}</el-dropdown-item>
@@ -103,8 +103,9 @@ export default {
       }
       display: none;
       float: right;
+      vertical-align: middle;
       i {
-        font-size: 12px;
+        font-size: 20px;
       }
     }
     .tags {

+ 17 - 11
src/views/home.vue

@@ -14,7 +14,7 @@
       <!-- 展示部分 -->
       <el-main class="main">
         <div class="main-head">
-          <div class="showType" v-show="!1">
+          <div class="showType" v-show="!isShowCheck">
             <el-radio-group v-model="isPub" size="small">
               <el-radio-button label="已发布">已发布</el-radio-button>
               <el-radio-button label="未发布">未发布</el-radio-button>
@@ -27,12 +27,13 @@
               </Dropdown>
             </div>
           </div>
-          <div class="showAction" v-show="1">
+          <div class="showAction" v-show="isShowCheck">
             <el-checkbox v-model="checkAll">全选</el-checkbox>
-            <span class="sum">已选择<span style="color:#252b30">{{selectCard.length}}<span>项目</span>
-                <el-button size="mini">移动到</el-button>
-                <el-button size="mini">下载</el-button>
-                <el-button size="mini">删除</el-button>
+            <span style="margin-left: 10px;">|</span>
+            <span class="sum">已选择<span style="color:#252b30;margin: 0 5px;">{{selectCard.length}}</span>项目</span>
+            <el-button size="mini">移动到</el-button>
+            <el-button size="mini">下载</el-button>
+            <el-button size="mini">删除</el-button>
           </div>
         </div>
         <div class="main-body">
@@ -186,6 +187,7 @@ export default {
       ],
       checkAll: false,
       selectCard: [],
+      isShowCheck: false,
     };
   },
   methods: {
@@ -236,14 +238,16 @@ export default {
       width: 100%;
       height: 100%;
       background: #fff;
-      padding: 10px 20px;
+      padding: 5px 20px;
       box-sizing: border-box;
       .main-head {
         position: relative;
         width: 100%;
-        margin-bottom: 10px;
+        height: 46px;
+        margin-bottom: 5px;
         .showType {
           width: 100%;
+          padding: 7px 0;
           display: flex;
           align-items: center;
           justify-content: space-between;
@@ -269,11 +273,13 @@ export default {
           }
         }
         .showAction {
+          background: #e1f2ff;
+          border-radius: 4px;
+          border: 1px solid #82c7fc;
+          padding: 8px;
           span.sum {
-            border-left: 1px solid #ccc;
-            margin: 0 8px;
+            margin: 0 10px;
             color: #778089;
-            padding-left: 14px;
           }
         }
       }