feat: 新增评价页面

src/renderer/components/Menus/index.vue

@@ -6,13 +6,13 @@
                     <component :is="item.icon" :color="item.id === currentId ? item.activeColor : item.color" :class="['w-[32px] h-[32px]']" />
                 </div>
     
-                <div :class="['text-[14px] mt-[4px] mb-[8px]', item.id === currentId ? item.activeColor : item.color]">
+                <div :class="['text-[14px] mt-[4px] mb-[8px]', item.id === currentId ? `text-[${item.activeColor}]` : item.color]">
                     {{ item.name }}
                 </div>
             </div>
         </div>
         <div class="w-[48px] h-[48px] rounded-full overflow-hidden">
-            <img class="w-full h-full object-cover" src="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg" />
+            <img class="w-full h-full object-cover" src="@assets/images/login/black_logo.png" />
         </div>
     </div>
 </template>

src/renderer/constant/menus.ts

@@ -15,48 +15,48 @@ export const menus: MenuItem[] = [
         name: '首页',
         icon: RiHomeLine,
         color: '#525866',
-        activeColor: 'text-[#2B7FFF]',
+        activeColor: '#2B7FFF',
     },
     {
         id: 2,
         name: '订单',
         icon: RiFileListLine,
         color: '#525866',
-        activeColor: 'text-[#2B7FFF]',
+        activeColor: '#2B7FFF',
     },
     {
         id: 3,
         name: '库存',
         icon: RiHotelLine,
         color: '#525866',
-        activeColor: 'text-[#2B7FFF]',
+        activeColor: '#2B7FFF',
     },
     {
         id: 4,
         name: '评价',
         icon: RiChatQuoteLine,
         color: '#525866',
-        activeColor: 'text-[#2B7FFF]',
+        activeColor: '#2B7FFF',
     },
     {
         id: 5,
         name: '数据看板',
         icon: RiBarChartBoxAiLine,
         color: '#525866',
-        activeColor: 'text-[#2B7FFF]',
+        activeColor: '#2B7FFF',
     },
     {
         id: 6,
         name: '更多',
         icon: RiMoreLine,
         color: '#525866',
-        activeColor: 'text-[#2B7FFF]',
+        activeColor: '#2B7FFF',
     },
     {
         id: 7,
         name: '设置',
         icon: RiSettingsLine,
         color: '#525866',
-        activeColor: 'text-[#2B7FFF]',
+        activeColor: '#2B7FFF',
     },
 ]

src/renderer/router/index.ts

@@ -18,6 +18,12 @@ const routes = [
     component: () => import("@/views/home/index.vue"),
     meta: { requiresAuth: true },
   },
+  {
+    path: "/rate",
+    name: "Rate",
+    component: () => import("@/views/rate/index.vue"),
+    meta: { requiresAuth: true },
+  },
   {
     path: "/about",
     name: "About",

src/renderer/views/rate/index.vue

@@ -0,0 +1,16 @@
+<template>
+  <Layout>
+    
+  </Layout>
+</template>
+
+<script setup lang="ts">
+
+const openBaidu = () => {  
+(window as any).ipcAPI?.openBaidu()
+
+// 发送日志
+(window as any).ipcAPI?.logToMain('info', '打开百度')
+}
+</script>
+