背景色

Reviewed-on: #278

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

@@ -1,9 +1,9 @@
 @font-face {
   font-family: "iconfont"; /* Project id 2794390 */
-  src: url('iconfont.woff2?t=1725847033097') format('woff2'),
+  src: url('iconfont.woff2?t=1727403518918') format('woff2'),
-       url('iconfont.woff?t=1725847033097') format('woff'),
+       url('iconfont.woff?t=1727403518918') format('woff'),
-       url('iconfont.ttf?t=1725847033097') format('truetype'),
+       url('iconfont.ttf?t=1727403518918') format('truetype'),
-       url('iconfont.svg?t=1725847033097#iconfont') format('svg');
+       url('iconfont.svg?t=1727403518918#iconfont') format('svg');
 }
 
 .iconfont {
@@ -14,38 +14,98 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.icon-a-1_jiaoxuefansi:before {
+  content: "\e6cd";
+}
+
+.icon-iconfontzhizuobiaozhunbduan3-1:before {
+  content: "\100af";
+}
+
+.icon-gongzuotai_xuanzhong:before {
+  content: "\e605";
+}
+
+.icon-yijianfankui:before {
+  content: "\e8a1";
+}
+
+.icon-zuoyesheji:before {
+  content: "\e619";
+}
+
+.icon-jihua:before {
+  content: "\e601";
+}
+
+.icon-xueqingfenxi:before {
+  content: "\e68a";
+}
+
+.icon-zuoyebuzhi:before {
+  content: "\e607";
+}
+
+.icon-zuoyepigai:before {
+  content: "\ec35";
+}
+
+.icon-jiaocai1:before {
+  content: "\e781";
+}
+
+.icon-yanjiushi:before {
+  content: "\e70a";
+}
+
+.icon-zuzhi:before {
+  content: "\e63b";
+}
+
+.icon-zhiliang:before {
+  content: "\e642";
+}
+
+.icon-jiaoxueshijian:before {
+  content: "\e676";
+}
+
+.icon-kebiao:before {
+  content: "\e67a";
+}
+
+.icon-yanjiuyuan:before {
+  content: "\e6bf";
+}
+
+.icon-kaoshi:before {
+  content: "\eb14";
+}
+
+.icon-iconfontzhizuobiaozhunbduan36:before {
+  content: "\e6eb";
+}
+
+.icon-ziyuanku:before {
+  content: "\eb01";
+}
+
+.icon-yanjiushi-2:before {
+  content: "\100b0";
+}
+
+.icon-fasong:before {
+  content: "\e692";
+}
+
 .icon-aijiqiren:before {
   content: "\e73c";
 }
 
-.icon-saoyisao:before {
-  content: "\e691";
-}
-
-.icon-jiaoxuezhiliangfenxi:before {
-  content: "\e690";
-}
-
-.icon-jiaoxuejihua:before {
-  content: "\e7e9";
-}
-
 .icon-tongji:before {
   content: "\e68f";
 }
 
-.icon-pigai:before {
-  content: "\e68d";
-}
-
-.icon-jiaoxuefansi:before {
-  content: "\e6b2";
-}
-
-.icon-kaoshi:before {
-  content: "\e68a";
-}
-
 .icon-yiwen:before {
   content: "\e687";
 }
@@ -174,10 +234,6 @@
   content: "\e642";
 }
 
-.icon-organization-framework-line:before {
-  content: "\e9fe";
-}
-
 .icon-jiaocai:before {
   content: "\e67b";
 }
@@ -246,10 +302,6 @@
   content: "\eb13";
 }
 
-.icon-fankui:before {
-  content: "\e738";
-}
-
 .icon-tiku:before {
   content: "\e621";
 }
@@ -270,10 +322,6 @@
   content: "\e61c";
 }
 
-.icon-jiaoxuefenxi:before {
-  content: "\e605";
-}
-
 .icon-wenjianjia:before {
   content: "\ec17";
 }
@@ -298,14 +346,6 @@
   content: "\e675";
 }
 
-.icon-yanjiushi:before {
-  content: "\e607";
-}
-
-.icon-gongzuotai:before {
-  content: "\e676";
-}
-
 .icon-lunwen:before {
   content: "\e60e";
 }
@@ -322,10 +362,6 @@
   content: "\e6fe";
 }
 
-.icon-pengyouquan1:before {
-  content: "\e635";
-}
-
 .icon-beike1:before {
   content: "\e61b";
 }
@@ -346,10 +382,6 @@
   content: "\e612";
 }
 
-.icon-fankui1:before {
-  content: "\e6fa";
-}
-
 .icon-shezhi:before {
   content: "\e614";
 }
@@ -394,10 +426,6 @@
   content: "\e654";
 }
 
-.icon-kecheng:before {
-  content: "\e619";
-}
-
 .icon-bianji1:before {
   content: "\e61d";
 }
@@ -426,10 +454,6 @@
   content: "\e79a";
 }
 
-.icon-xueqingfenxi:before {
-  content: "\e67a";
-}
-
 .icon-check:before {
   content: "\e622";
 }
@@ -546,10 +570,6 @@
   content: "\e636";
 }
 
-.icon-ziyuanfenxi:before {
-  content: "\e637";
-}
-
 .icon-shoucang1:before {
   content: "\e638";
 }
@@ -566,10 +586,6 @@
   content: "\e772";
 }
 
-.icon-xiezuo1:before {
-  content: "\e63b";
-}
-
 .icon-fenxi1:before {
   content: "\e63c";
 }
@@ -798,10 +814,6 @@
   content: "\e672";
 }
 
-.icon-jiaoxueziyuan:before {
-  content: "\e601";
-}
-
 .icon-beike:before {
   content: "\e6c2";
 }

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

@@ -5,6 +5,153 @@
   "css_prefix_text": "icon-",
   "description": "",
   "glyphs": [
+    {
+      "icon_id": "37027693",
+      "name": "教学反思",
+      "font_class": "a-1_jiaoxuefansi",
+      "unicode": "e6cd",
+      "unicode_decimal": 59085
+    },
+    {
+      "icon_id": "41983432",
+      "name": "朋友圈-copy",
+      "font_class": "iconfontzhizuobiaozhunbduan3-1",
+      "unicode": "100af",
+      "unicode_decimal": 65711
+    },
+    {
+      "icon_id": "9478557",
+      "name": "工作台_选中",
+      "font_class": "gongzuotai_xuanzhong",
+      "unicode": "e605",
+      "unicode_decimal": 58885
+    },
+    {
+      "icon_id": "2076317",
+      "name": " 意见反馈",
+      "font_class": "yijianfankui",
+      "unicode": "e8a1",
+      "unicode_decimal": 59553
+    },
+    {
+      "icon_id": "2468169",
+      "name": "作业指导书",
+      "font_class": "zuoyesheji",
+      "unicode": "e619",
+      "unicode_decimal": 58905
+    },
+    {
+      "icon_id": "3865266",
+      "name": "计划",
+      "font_class": "jihua",
+      "unicode": "e601",
+      "unicode_decimal": 58881
+    },
+    {
+      "icon_id": "4308245",
+      "name": "学情概览",
+      "font_class": "xueqingfenxi",
+      "unicode": "e68a",
+      "unicode_decimal": 59018
+    },
+    {
+      "icon_id": "5113507",
+      "name": "教学中心_作业批改",
+      "font_class": "zuoyebuzhi",
+      "unicode": "e607",
+      "unicode_decimal": 58887
+    },
+    {
+      "icon_id": "5767879",
+      "name": "执行反馈",
+      "font_class": "zuoyepigai",
+      "unicode": "ec35",
+      "unicode_decimal": 60469
+    },
+    {
+      "icon_id": "10992961",
+      "name": "课程标准",
+      "font_class": "jiaocai1",
+      "unicode": "e781",
+      "unicode_decimal": 59265
+    },
+    {
+      "icon_id": "11744086",
+      "name": "策略研究 选中",
+      "font_class": "yanjiushi",
+      "unicode": "e70a",
+      "unicode_decimal": 59146
+    },
+    {
+      "icon_id": "12732492",
+      "name": "组织",
+      "font_class": "zuzhi",
+      "unicode": "e63b",
+      "unicode_decimal": 58939
+    },
+    {
+      "icon_id": "18909227",
+      "name": "质量管理",
+      "font_class": "zhiliang",
+      "unicode": "e642",
+      "unicode_decimal": 58946
+    },
+    {
+      "icon_id": "21156217",
+      "name": "培训",
+      "font_class": "jiaoxueshijian",
+      "unicode": "e676",
+      "unicode_decimal": 58998
+    },
+    {
+      "icon_id": "33378945",
+      "name": "课程标准",
+      "font_class": "kebiao",
+      "unicode": "e67a",
+      "unicode_decimal": 59002
+    },
+    {
+      "icon_id": "33722029",
+      "name": "研究院",
+      "font_class": "yanjiuyuan",
+      "unicode": "e6bf",
+      "unicode_decimal": 59071
+    },
+    {
+      "icon_id": "35203493",
+      "name": "考试 (3)",
+      "font_class": "kaoshi",
+      "unicode": "eb14",
+      "unicode_decimal": 60180
+    },
+    {
+      "icon_id": "1236933",
+      "name": "朋友圈",
+      "font_class": "iconfontzhizuobiaozhunbduan36",
+      "unicode": "e6eb",
+      "unicode_decimal": 59115
+    },
+    {
+      "icon_id": "40912837",
+      "name": "智慧图书馆",
+      "font_class": "ziyuanku",
+      "unicode": "eb01",
+      "unicode_decimal": 60161
+    },
+    {
+      "icon_id": "41983489",
+      "name": "策略研究 选中-copy",
+      "font_class": "yanjiushi-2",
+      "unicode": "100b0",
+      "unicode_decimal": 65712
+    },
+    {
+      "icon_id": "34833984",
+      "name": "发送",
+      "font_class": "fasong",
+      "unicode": "e692",
+      "unicode_decimal": 59026
+    },
     {
       "icon_id": "34666608",
       "name": "ai机器人",
@@ -12,27 +159,6 @@
       "unicode": "e73c",
       "unicode_decimal": 59196
     },
-    {
-      "icon_id": "12657402",
-      "name": "资源库",
-      "font_class": "saoyisao",
-      "unicode": "e691",
-      "unicode_decimal": 59025
-    },
-    {
-      "icon_id": "6513175",
-      "name": "教学质量分析",
-      "font_class": "jiaoxuezhiliangfenxi",
-      "unicode": "e690",
-      "unicode_decimal": 59024
-    },
-    {
-      "icon_id": "38447338",
-      "name": "教学计划",
-      "font_class": "jiaoxuejihua",
-      "unicode": "e7e9",
-      "unicode_decimal": 59369
-    },
     {
       "icon_id": "8455509",
       "name": "统计",
@@ -40,27 +166,6 @@
       "unicode": "e68f",
       "unicode_decimal": 59023
     },
-    {
-      "icon_id": "5969226",
-      "name": "批改",
-      "font_class": "pigai",
-      "unicode": "e68d",
-      "unicode_decimal": 59021
-    },
-    {
-      "icon_id": "36295514",
-      "name": "教学反思",
-      "font_class": "jiaoxuefansi",
-      "unicode": "e6b2",
-      "unicode_decimal": 59058
-    },
-    {
-      "icon_id": "21088705",
-      "name": "考试",
-      "font_class": "kaoshi",
-      "unicode": "e68a",
-      "unicode_decimal": 59018
-    },
     {
       "icon_id": "20574719",
       "name": "疑问",
@@ -285,13 +390,6 @@
       "unicode": "e642",
       "unicode_decimal": 58946
     },
-    {
-      "icon_id": "6235034",
-      "name": "组织框架",
-      "font_class": "organization-framework-line",
-      "unicode": "e9fe",
-      "unicode_decimal": 59902
-    },
     {
       "icon_id": "10900222",
       "name": "教材",
@@ -411,13 +509,6 @@
       "unicode": "eb13",
       "unicode_decimal": 60179
     },
-    {
-      "icon_id": "577336",
-      "name": "反馈",
-      "font_class": "fankui",
-      "unicode": "e738",
-      "unicode_decimal": 59192
-    },
     {
       "icon_id": "1447760",
       "name": "题库",
@@ -453,13 +544,6 @@
       "unicode": "e61c",
       "unicode_decimal": 58908
     },
-    {
-      "icon_id": "4686996",
-      "name": "教学分析",
-      "font_class": "jiaoxuefenxi",
-      "unicode": "e605",
-      "unicode_decimal": 58885
-    },
     {
       "icon_id": "4893191",
       "name": "文件夹",
@@ -502,20 +586,6 @@
       "unicode": "e675",
       "unicode_decimal": 58997
     },
-    {
-      "icon_id": "7327280",
-      "name": "研究室",
-      "font_class": "yanjiushi",
-      "unicode": "e607",
-      "unicode_decimal": 58887
-    },
-    {
-      "icon_id": "7905547",
-      "name": "工作台",
-      "font_class": "gongzuotai",
-      "unicode": "e676",
-      "unicode_decimal": 58998
-    },
     {
       "icon_id": "9023128",
       "name": "论文",
@@ -544,13 +614,6 @@
       "unicode": "e6fe",
       "unicode_decimal": 59134
     },
-    {
-      "icon_id": "16364339",
-      "name": "朋友圈",
-      "font_class": "pengyouquan1",
-      "unicode": "e635",
-      "unicode_decimal": 58933
-    },
     {
       "icon_id": "37075078",
       "name": "备课",
@@ -586,13 +649,6 @@
       "unicode": "e612",
       "unicode_decimal": 58898
     },
-    {
-      "icon_id": "2680657",
-      "name": "反馈",
-      "font_class": "fankui1",
-      "unicode": "e6fa",
-      "unicode_decimal": 59130
-    },
     {
       "icon_id": "4520331",
       "name": "设置",
@@ -670,13 +726,6 @@
       "unicode": "e654",
       "unicode_decimal": 58964
     },
-    {
-      "icon_id": "6560965",
-      "name": "课程",
-      "font_class": "kecheng",
-      "unicode": "e619",
-      "unicode_decimal": 58905
-    },
     {
       "icon_id": "6682548",
       "name": "编辑",
@@ -726,13 +775,6 @@
       "unicode": "e79a",
       "unicode_decimal": 59290
     },
-    {
-      "icon_id": "8225912",
-      "name": "学情分析",
-      "font_class": "xueqingfenxi",
-      "unicode": "e67a",
-      "unicode_decimal": 59002
-    },
     {
       "icon_id": "9922803",
       "name": "check",
@@ -936,13 +978,6 @@
       "unicode": "e636",
       "unicode_decimal": 58934
     },
-    {
-      "icon_id": "39506557",
-      "name": "资源分析",
-      "font_class": "ziyuanfenxi",
-      "unicode": "e637",
-      "unicode_decimal": 58935
-    },
     {
       "icon_id": "3267408",
       "name": "收藏",
@@ -971,13 +1006,6 @@
       "unicode": "e772",
       "unicode_decimal": 59250
     },
-    {
-      "icon_id": "6837777",
-      "name": "写作",
-      "font_class": "xiezuo1",
-      "unicode": "e63b",
-      "unicode_decimal": 58939
-    },
     {
       "icon_id": "7171145",
       "name": "粮食动态决策分析系统",
@@ -1377,13 +1405,6 @@
       "unicode": "e672",
       "unicode_decimal": 58994
     },
-    {
-      "icon_id": "15841963",
-      "name": "教学资源",
-      "font_class": "jiaoxueziyuan",
-      "unicode": "e601",
-      "unicode_decimal": 58881
-    },
     {
       "icon_id": "5562910",
       "name": "备课",

src/renderer/src/layout/components/Header.vue

@@ -9,7 +9,14 @@
         <ul class="flex">
           <li class="flex" :class="[activeId == menu.path ? 'active-li' : '', menu.disabled ? 'disabled' : '']"
             v-for="menu in headerMenus" :key="menu.id" @click="clickMenu(menu)">
-            <i class="iconfont" :class="menu.icon"></i>
+            <div class="icon-box">
+            
+              
+                <svg class="icon iconfont" aria-hidden="true">
+                  <use :xlink:href="menu.icon"></use>
+                </svg>
+              
+            </div>
             <span class="text">{{ menu.name }}</span>
           </li>
         </ul>
@@ -89,25 +96,25 @@ const headerMenus = [
   {
     name: '工作台',
     id: 1,
-    icon: 'icon-gongzuotai',
+    icon: '#icon-gongzuotai_xuanzhong',
     path: '/home'
   },
   {
     name: '研究室',
     id: 2,
-    icon: 'icon-yanjiushi',
+    icon: '#icon-yanjiushi-2',
     disabled: true
   },
   {
     name: '资源库',
     id: 3,
-    icon: 'icon-saoyisao',
+    icon: '#icon-ziyuanku',
     path: '/resource'
   },
   {
     name: '朋友圈',
     id: 4,
-    icon: 'icon-pengyouquan1',
+    icon: '#icon-iconfontzhizuobiaozhunbduan3-1',
     disabled: true
   }
 ]
@@ -245,10 +252,19 @@ onMounted(() => {
       li {
         cursor: pointer;
         flex-direction: column;
-        border-radius: 8px;
+        border-radius: 5px;
-        margin: 0 10px;
+        padding: 5px 8px;
-
+        height: 60px;
+        align-items: center;
+        .icon-box{
+          width: 100%;
+          height: 35px;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+        }
         .text {
+          margin-top: 3px;
           font-size: 13px;
           font-weight: bold;
         }
@@ -257,24 +273,9 @@ onMounted(() => {
           font-size: 26px;
         }
 
-        .icon-resource {
-          color: #f99b53;
-        }
-
-        .icon-homepage {
-          color: #0a84ff;
-        }
-
-        .icon-prepare {
-          color: #b088e8;
-        }
-
-        .icon-teach {
-          color: #367dea;
-        }
-
         &:hover {
           color: #409eff;
+          background-color: #fff
         }
       }
 
@@ -284,11 +285,13 @@ onMounted(() => {
 
         &:hover {
           color: #bfbfbf;
+          background: none;
         }
       }
 
       .active-li {
         color: #409eff;
+        background-color: #fff
       }
     }
   }

src/renderer/src/layout/index.vue

@@ -50,7 +50,8 @@ const goBack = () =>{
 <style lang="scss" scoped>
 .el-container {
   height: 100%;
-  background: url(@/assets/images/login/login-bg.png) no-repeat center;
+  // background: url(@/assets/images/login/login-bg.png) no-repeat center;
+  background: #EAEFF8;
   background-size: cover;
 }
 

src/renderer/src/views/desktop/index.vue

@@ -9,7 +9,16 @@
               <div class="item-content">
                 <ul class="flex con-ul">
                   <li v-for="menu in item.list" :key="menu.id" @click="clickMenu(menu)" class="flex item-menu" :class="menu.disabled ? 'menu-disabled' : ''">
+                    <div class="icon-box">
+                      <template v-if="menu.disabled">
                         <i class="iconfont" :class="menu.icon"></i>
+                      </template>
+                      <template v-else>
+                        <svg class="icon iconfont icon-svg" aria-hidden="true">
+                          <use :xlink:href="menu.icon"></use>
+                        </svg>
+                      </template>
+                    </div>
                     <span>{{ menu.name }}</span>
                   </li>
                 </ul>
@@ -60,19 +69,19 @@ const menuList = [{
     list: [
       {
         name: '课标分析',
-        icon: 'icon-kecheng',
+        icon: '#icon-kebiao',
         path: '/standardanalysis?',
         id: '1-1'
       },
       {
         name: '教材分析',
-        icon: 'icon-jiaocaixuanze',
+        icon: '#icon-jiaocaixuanze',
         path: '/textbookAnalysis',
         id: '1-2'
       },
       {
         name: '考试分析',
-        icon: 'icon-kaoshi',
+        icon: '#icon-kaoshi',
         path: '/examReport',
         id: '1-3'
       },
@@ -84,13 +93,13 @@ const menuList = [{
       },
       {
         name: '教学实践',
-        icon: 'icon-jiaoxuefenxi',
+        icon: '#icon-jiaoxueshijian',
         path: '/prepare',
         id: '1-5'
       },
       {
         name: '教学反思',
-        icon: 'icon-jiaoxuefansi',
+        icon: 'icon-a-1_jiaoxuefansi',
         disabled: true,
         id: '1-6'
       },
@@ -103,7 +112,7 @@ const menuList = [{
     list: [
       {
         name: '作业设计',
-        icon: 'icon-jiaoxuefansi',
+        icon: '#icon-zuoyesheji',
         isOuter: true,
         path: '/teaching/classtaskassign?titleName=作业布置&openDialog=newClassTask',
         // path: '/newClassTask',
@@ -111,7 +120,7 @@ const menuList = [{
       },
       {
         name: '作业布置',
-        icon: 'icon-xiezuo1',
+        icon: '#icon-zuoyebuzhi',
         isOuter: true,
         path: '/teaching/classtaskassign?titleName=作业布置',
         // path: '/classTaskAssign',
@@ -119,7 +128,7 @@ const menuList = [{
       },
       {
         name: '作业批改',
-        icon: 'icon-pigai',
+        icon: '#icon-zuoyepigai',
         path: '/classTask',
         id: '2-3'
       },
@@ -138,25 +147,25 @@ const menuList = [{
     list: [
       {
         name: '教学计划',
-        icon: 'icon-jiaoxuejihua',
+        icon: 'icon-jihua',
         disabled: true,
         id: '3-1'
       },
       {
         name: '教学组织',
-        icon: 'icon-organization-framework-line',
+        icon: 'icon-zuzhi',
         disabled: true,
         id: '3-2'
       },
       {
         name: '教学质量',
-        icon: 'icon-jiaoxuezhiliangfenxi',
+        icon: 'icon-zhiliang',
         disabled: true,
         id: '3-3'
       },
       {
         name: '教学反馈',
-        icon: 'icon-fankui',
+        icon: 'icon-yijianfankui',
         disabled: true,
         id: '3-4'
       },
@@ -276,20 +285,37 @@ onMounted(async ()=>{
       padding: 10px 0;
       .con-ul{
         justify-content: space-around;
+        
         .item-menu{
           cursor: pointer;
           flex-direction: column;
           font-size: 14px;
+          align-items: center;
+          .icon-box{
+            width: 100%;
+            height: 45px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            border-radius: 5px;
+          }
           .iconfont{
             font-size: 28px;
             color: #707070;
+            // font-weight: bold;
+          }
+          .icon-svg{
+            height: 42px;
             font-weight: bold;
           }
           &:hover{
-            color: #409EFF;
+            // color: #409EFF;
             .iconfont{
               color: #409EFF;
             }
+            .icon-box{
+              background-color: #F2F2F2;
+            }
           }
         }
         .menu-disabled{
@@ -303,6 +329,9 @@ onMounted(async ()=>{
             .iconfont{
               color: #bfbfbf;
             }
+            .icon-box{
+              background-color: #fff;
+            }
           }
         }
       }
@@ -324,7 +353,9 @@ onMounted(async ()=>{
     align-items: center;
   }
   .item-content{
+    border-radius: 5px;
     background: #fff;
+    box-sizing: border-box;
     flex: 1;
     .chart-box{
       height: 100%;

src/renderer/src/views/prepare/index.vue

@@ -711,7 +711,10 @@ export default {
   .page-center-wrap{
     flex: 1;
     height: 100%;
-    padding: 0 10px;
+    padding: 0 5px;
+    margin: 0 5px;
+    border-radius: 10px;
+    background-color: white;
     .prepare-center-jxkj{
       height: 100%;
       display: flex;