最近文件静态

src/views/biz/recent/index.vue

@@ -18,7 +18,7 @@
                 <div>
                   <img
                     class="table_icon"
-                    src="../../../assets/images/folder.png"
+                    src="../../../assets/images/fileBox.png"
                     alt=""
                     style=""
                   />
@@ -47,7 +47,7 @@
                 <div>
                   <img
                     class="table_icon"
-                    src="../../../assets/images/folder.png"
+                    src="../../../assets/images/fileBox.png"
                     alt=""
                     style=""
                   />
@@ -67,18 +67,36 @@
             <span class="collapseItem_title">文件夹</span>
           </template>
           <!-- 平铺 -->
-          <div class="tile_box">
-            <div class="file_box">
-              <img class="big_file_img" src="../../../assets/images/folder.png" alt="">
+          <el-scrollbar height="360px">
+            <div class="tile_box">
+              <div class="file_box" v-for="item in 20" :key="item">
+                <img
+                  class="big_file_img"
+                  src="../../../assets/images/fileBox.png"
+                  alt=""
+                />
+                <span>Inceptos</span>
+              </div>
             </div>
-
-          </div>
-
+          </el-scrollbar>
         </el-collapse-item>
         <el-collapse-item name="file">
           <template #title>
             <span class="collapseItem_title">文件</span>
           </template>
+          <!-- 平铺 -->
+          <el-scrollbar height="360px">
+            <div class="tile_box">
+              <div class="file_box" v-for="item in 20" :key="item">
+                <img
+                  class="big_file_img"
+                  src="../../../assets/images/fileType//file／DOC.png"
+                  alt=""
+                />
+                <span>Inceptos</span>
+              </div>
+            </div>
+          </el-scrollbar>
         </el-collapse-item>
       </div>
     </el-collapse>
@@ -185,6 +203,9 @@ const tableData = [
   font-weight: 400 !important;
   color: #000 !important;
 }
+::v-deep .el-table__row {
+  height: 35px !important;
+}
 ::v-deep .el-table .el-table__header-wrapper th {
   border-bottom: none;
   border-right: 1px solid #c1cce3;
@@ -228,18 +249,27 @@ const tableData = [
   text-align: right;
 }
 //平铺
-.tile_box{
+.tile_box {
   width: 100%;
-  height: 400px;
-  .file_box{
+  height: 300px;
+  display: flex;
+  flex-wrap: wrap;
+  .file_box {
     width: 116px;
-    height: 138px;
-    border: 1px solid #000;
-  }
-  .big_file_img{
-    width: 100px;
-    height: 100px;
+    min-height: 138px;
+    // border: 1px solid #000;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    .big_file_img {
+      width: 100px;
+      height: 100px;
+    }
+    span {
+      font-size: 14px;
+      font-weight: 400;
+      line-height: 22px;
+    }
   }
 }
-
 </style>

src/views/login.vue

@@ -226,15 +226,16 @@ getCookie();
   display: flex;
   // justify-content: center;
   // align-items: center;
-  width: 100%;
+  width: 100vw;
   height: 100%;
 }
 .img_box {
   height: 100%;
-  width: 640px;
-  background-image: url("../assets/images/Rectangle 229.png");
+  width: 50%;
+  background-image: url("../assets/images/login_big.png");
+  // background-image: url("../assets/images/Rectangle 229.png");
   background-repeat: no-repeat;
-  background-size: contain;
+  background-size:100% 100%;
 }
 .login_box {
   .center_box {

src/views/myfile/MyFile.vue

@@ -165,7 +165,7 @@ import blueLeft from '../../assets/images/blueLeft.png'
 import grayRight from "../../assets/images/grayRight.png"
 import sort from '../../assets/images/sort.png'
 import squre from '../../assets/images/squre.png'
-import 'element-plus/packages/theme-chalk/src/index.scss'
+// import 'element-plus/packages/theme-chalk/src/index.scss'
 export default {
     setup() {
         let folderList = ref([])