营销工具样式调整

src/HManagement/archvies_mag/modules/list.vue

@@ -20,7 +20,7 @@
       <el-row :gutter="10" >
         <el-col :span="2" v-for="folder in list" :key="folder.id">
 
-            <div @dblclick.stop="folderDetails(folder)" class="folder-item" :class="folder.ischeck ? 'checked' : ''">
+            <div @dblclick.stop="folderDetails(folder)" class="folder-items" :class="folder.ischeck ? 'checked' : ''">
               <el-checkbox class="folder-checkbox" v-model="folder.ischeck" @change="onChange(folder)"></el-checkbox>
               <div class="img-panel">
                 <img v-if="folder.postfix === 'DOC' || folder.postfix === 'DOCX'"
@@ -195,7 +195,7 @@ export default {
 
 </script>
 <style>
-.folder-item {
+.folder-items {
   position: relative;
   padding: 10px 5px;
   text-align: center;
@@ -207,7 +207,7 @@ export default {
   /* min-height: 110px; */
 }
 
-.folder-item p {
+.folder-items p {
   line-height: 25px;
   width: calc(100% - 20px);
   padding: 0 10px;
@@ -226,7 +226,7 @@ export default {
   overflow: hidden;
 }
 
-.folder-item input {
+.folder-items input {
   width: calc(100% - 8px);
   padding: 2px;
   margin-top: 0px;
@@ -259,11 +259,11 @@ export default {
   display: block;
 }
 
-.folder-item:hover .folder-checkbox {
+.folder-items:hover .folder-checkbox {
   display: block;
 }
 
-.folder-item:hover {
+.folder-items:hover {
   background: #f1f2f3;
   border-radius: 3px;
 }