electron.vite.config.mjs

@@ -21,8 +21,8 @@ export default defineConfig({
     server: {
       proxy: {
         '/dev-api': {
-          // target: 'http://27.128.240.72:7865',
+          target: 'http://27.128.240.72:7865',
-          target: 'http://192.168.2.52:7863',
+          // target: 'http://192.168.2.52:7863',
           changeOrigin: true,
           rewrite: (p) => p.replace(/^\/dev-api/, '')
         },

src/renderer/src/assets/iconfont/iconfont.css

@@ -1,8 +1,8 @@
 @font-face {
   font-family: "iconfont"; /* Project id 2794390 */
-  src: url('iconfont.woff2?t=1720508953092') format('woff2'),
+  src: url('iconfont.woff2?t=1720613279441') format('woff2'),
-       url('iconfont.woff?t=1720508953092') format('woff'),
+       url('iconfont.woff?t=1720613279441') format('woff'),
-       url('iconfont.ttf?t=1720508953092') format('truetype');
+       url('iconfont.ttf?t=1720613279441') format('truetype');
 }
 
 .iconfont {
@@ -13,6 +13,22 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.icon-jiahao:before {
+  content: "\e602";
+}
+
+.icon-pdf:before {
+  content: "\e803";
+}
+
+.icon-ppt:before {
+  content: "\e806";
+}
+
+.icon-word:before {
+  content: "\e807";
+}
+
 .icon-guanbi:before {
   content: "\e60f";
 }

src/renderer/src/assets/iconfont/iconfont.json

@@ -5,6 +5,34 @@
   "css_prefix_text": "icon-",
   "description": "",
   "glyphs": [
+    {
+      "icon_id": "8721197",
+      "name": "加号",
+      "font_class": "jiahao",
+      "unicode": "e602",
+      "unicode_decimal": 58882
+    },
+    {
+      "icon_id": "11441567",
+      "name": "pdf",
+      "font_class": "pdf",
+      "unicode": "e803",
+      "unicode_decimal": 59395
+    },
+    {
+      "icon_id": "11447679",
+      "name": "ppt2",
+      "font_class": "ppt",
+      "unicode": "e806",
+      "unicode_decimal": 59398
+    },
+    {
+      "icon_id": "11447681",
+      "name": "word2",
+      "font_class": "word",
+      "unicode": "e807",
+      "unicode_decimal": 59399
+    },
     {
       "icon_id": "4736203",
       "name": "关闭",

src/renderer/src/views/resource/index.vue

@@ -4,8 +4,6 @@
 
     <div class="page-right">
       <div class="right-header">
-
-
         <el-row justify="space-between">
           <el-col :span="12" class="tab-btns flex">
             <el-button text v-for="item in tabs" :key="item.id" :type="activeVal == item.id ? 'primary' : ''"
@@ -26,6 +24,36 @@
           </el-col>
         </el-row>
       </div>
+      <el-scrollbar height="400px">
+        <ul class="resource-list">
+          <li class="list-item">
+            <div class="item-left flex">
+              <div class="name flex">第1课《春》课后巩固练习 2022-2023学年部编版语文七年级上册</div>
+              <div class="item-tags flex">
+                <el-tag type="info" class="mr-10">教案</el-tag>
+                <el-tag type="info" class="mr-10">PPT</el-tag>
+                <span class="gray-text mr-10">2024-07-13上传</span>
+                <span class="line mr-10" </span>
+                  <span class="gray-text mr-10">下载3次</span>
+              </div>
+            </div>
+            <div class="item-btns">
+              
+              <el-button size="small" plain round type="primary">
+                <i class="iconfont icon-jiahao"></i>
+                备课</el-button>
+            </div>
+          </li>
+        </ul>
+        <div class="pagination-box">
+          <el-pagination v-model:current-page="currentPage" v-model:page-size="pageSize"
+          :page-sizes="[100, 200, 300, 400]" background 
+          size="small"
+          layout="total, sizes, prev, pager, next, jumper" :total="400" @size-change="handleSizeChange"
+          @current-change="handleCurrentChange" />
+        </div>
+      </el-scrollbar>
+     
     </div>
   </div>
 </template>
@@ -113,6 +141,13 @@ const changeTab = (id) => {
   activeVal.value = id
 }
 
+
+const currentPage = ref(1)
+const pageSize = ref(100)
+
+const handleSizeChange = ()=>{}
+const handleCurrentChange = ()=>{}
+
 // const { ipcRenderer } = window.electron
 // ipcRenderer.send('set-winsize',{x:1000,y: 700})
 
@@ -163,6 +198,59 @@ const nodeClick = (data) => {
       }
 
     }
+
+    .resource-list {
+      .list-item {
+        padding: 10px 20px;
+        border-bottom: solid #f1f1f1 1px;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+
+        .item-left {
+          flex-direction: column;
+
+          .name {
+            font-size: 14px;
+            color: #3b3b3b;
+            margin-bottom: 10px
+          }
+
+          .line {
+            width: 1px;
+            height: 15px;
+            background-color: #d9dce2;
+          }
+
+          .item-tags {
+            align-items: center;
+          }
+
+          .mr-10 {
+            margin-right: 10px;
+          }
+
+          .gray-text {
+            color: #909399;
+            font-size: 13px;
+          }
+
+        }
+
+        &:last-child{
+          border-bottom: none;
+        }
+        .icon-jiahao{
+          font-size: 12px;
+          margin-right: 5px;
+        }
+      }
+    }
+    .pagination-box{
+      margin-top: 20px;
+      display: flex;
+      justify-content: center;
+    }
   }
 }
 </style>