yangg 9 månader sedan
förälder
incheckning
eb379b8348
3 ändrade filer med 35 tillägg och 19 borttagningar
  1. 1 1
      src/router/index.js
  2. 27 11
      src/views/knowledgeMenu/index.scss
  3. 7 7
      src/views/knowledgeMenu/knowledgeList.vue

+ 1 - 1
src/router/index.js

@@ -352,7 +352,7 @@ export const asyncRoutes = [
       {
         path: 'index',
         component: () => import('@/views/applet/index'),
-        name: 'project',
+        name: 'miniProgram',
         meta: { title: '小程序管理', noCache: true,roles: ['admin'] }
       },
       {

+ 27 - 11
src/views/knowledgeMenu/index.scss

@@ -7,7 +7,7 @@
       min-height: 200px; // 确保在没有内容时也有足够的高度显示加载动画
       position: relative; // 为加载动画提供定位上下文
       .time {
-          font-size: 13px;
+          font-size: 12px;
           color: #999;
         }
         
@@ -36,6 +36,7 @@
             clear: both
         }
         .card_box{
+         
           padding: 20px;
           .header{
               display: flex;
@@ -43,29 +44,44 @@
               align-items: center;
           }
         }
+
+        .card-col:hover {
+          /* 鼠标悬停时的更强烈阴影 */
+          box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
+        }
+
         .card-col{
           border-radius: 10px;
           margin-bottom: 30px;
+          /* 初始状态的阴影 */
+          box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
+          
+          /* 添加过渡效果 */
+          transition: box-shadow 0.3s ease-in-out;
+
           .card_box{
+            
+            
             border-radius: 10px;
-            height: 275px;
+            height: 235px;
               .box_content{
+                font-family: Arial, Helvetica, sans-serif;
                   display: flex;
                   flex-direction: column;
                   justify-content: space-between;
                   height: 100%;
                   .content{
                     margin-top: -50px;
-                      font-size: 32px;
+                      font-size: 22px;
                       line-height: 32px;
                       font-weight: 600;
                       cursor: pointer;
-                      color: #000000e0;
+                      color: #666666;
                       word-break: break-all;
                       .content_info{
-                        font-size: 14px;
+                        font-size: 12px;
                         line-height: 18px;
-                        font-weight: 400;
+                        color:#999999 ;
                         height: 36px;
                         margin: 30px 10px 10px;
                         overflow: hidden;
@@ -75,9 +91,9 @@
                         -webkit-box-orient: vertical;
                       }
                       .content_file{
-                        font-size: 14px;
+                        font-size: 11px;
                         line-height: 16px;
-                        font-weight: 400;
+                        
                         display: flex;
                         .file{
                           width: 60px;
@@ -94,9 +110,9 @@
                   .footer{
                     display: flex;
                     justify-content: space-between;
-                      font-size: 14px;
-                      font-weight: 600;
-                      color: #000000a6;
+                      font-size: 12px;
+                      
+                      color: #999999;
                       vertical-align: middle;
                   }
               }

+ 7 - 7
src/views/knowledgeMenu/knowledgeList.vue

@@ -38,9 +38,9 @@
           v-for="(item, index) in buckList"
           :key="index"
           :offset="index > 0 && index % 4 !== 0 ? 1 : 0"
-          class="card-col"
+          class="card-col" 
         >
-          <el-card :body-style="{ padding: '0px' }" shadow="never">
+          <el-card :body-style="{ padding: '0px' }" shadow="never" >
             <div class="card_box">
               <div class="box_content" @click="getInfo(item)">
                 <div class="header">
@@ -73,12 +73,12 @@
                 </div>
                 <div class="content">
                   <p style="margin: 0">{{ item.name }}</p>
-                  <div class="content_info">{{ item.description }}</div><!--  -->
+                  <div class="content_info">{{item.description}}</div><!-- item.description -->
                   <div class="content_file">
                     <div class="file">
                       <svg-icon
                       icon-class="file"
-                      style="width: 40px; height: 40px;"
+                      style="width: 32px; height: 32px; "
                     />
                     <p>WORD</p>
                     <p>{{ item.word_count }}</p>
@@ -86,7 +86,7 @@
                     <div class="file">
                       <svg-icon
                       icon-class="file"
-                      style="width: 40px; height: 40px;"
+                      style="width: 32px; height: 32px; "
                     />
                     <p>EXCEL</p>
                     <p>{{ item.excel_count }}</p>
@@ -94,7 +94,7 @@
                     <div class="file">
                       <svg-icon
                       icon-class="file"
-                      style="width: 40px; height: 40px;"
+                      style="width: 32px; height: 32px; "
                     />
                     <p>PDF</p>
                     <p>{{ item.pdf_count }}</p>
@@ -112,7 +112,7 @@
                   <div class="date">
                     <svg-icon
                       icon-class="date"
-                      style="width: 18px; height: 18px; filter: grayscale(100%)"
+                      style="width: 12px; height: 12px; filter: grayscale(100%)"
                     />
                     {{ item.create_time }}
                   </div>