feat: 评价页面搭建

src/renderer/views/home/index.vue

@@ -1,6 +1,8 @@
 <template>
   <Layout>
-    
+    <div class="bg-white w-[952px] h-full rounded-[16px]">
+        454646
+      </div>
   </Layout>
 </template>
 

src/renderer/views/rate/components/RatePanelSection/index.vue

@@ -0,0 +1,27 @@
+<template>
+  <div class="grid grid-cols-5 gap-[15px]">
+    <div class="bg-[#F5F7FA] box-border flex flex-col p-[16px] rounded-[12px]" v-for="item in channels" :key="item.id">
+      <div class="flex items-center mb-[8px]">
+        <img :src="item.icon" class="w-[24px] h-[24px] mr-[8px]">
+        <span class="text-[16px] font-400 text-[#171717] leading-[24px]">
+          {{ item.name }}
+        </span>
+      </div>
+      <div class="text-[14px] font-400 text-[#171717] leading-[20px] mb-[4px]">
+        {{ item.total }}条
+      </div>
+      <div class="flex items-center">
+        <RiStarFill :color="i <= item.score ? '#FA7319' : '#CACFD8'" class="w-[20px] h-[20px] mr-[2px]" v-for="i in 5" :key="i" />
+        <span class="text-[14px] text-[#525866] leading-[20px] pl-[2px]">
+          {{ item.score }}
+        </span>
+      </div>
+    </div>
+  </div>  
+</template>
+
+<script setup lang="ts">
+import { channels } from '@constant/rate'
+import { RiStarFill } from '@remixicon/vue'
+
+</script>

src/renderer/views/rate/components/RateTitleSection/index.vue

@@ -0,0 +1,14 @@
+<template>
+    <div class="box-border border-b-[1px] border-b-[#E5E8EE] mb-[20px] pb-[20px]">
+        <span class="text-[24px] font-500 text-[#171717] leading-[32px] mr-[8px]">
+        评价
+        </span>
+        <span class="text-[12px] font-400 text-[#99A0AE] leading-[16px]">
+        评价数据智能整理，精准优化服务
+        </span>
+    </div>
+</template>
+
+<script></script>
+
+<style></style>

src/renderer/views/rate/index.vue

@@ -1,16 +1,14 @@
 <template>
   <Layout>
-    
+    <div class="bg-white box-border w-[936px] h-full rounded-[16px] p-[20px]">
+        <RateTitleSection />
+        <RatePanelSection />
+      </div>
   </Layout>
 </template>
 
-<script setup lang="ts">
-
-const openBaidu = () => {  
-(window as any).ipcAPI?.openBaidu()
-
-// 发送日志
-(window as any).ipcAPI?.logToMain('info', '打开百度')
-}
+<script setup lang="ts" name="Rate">
+import RateTitleSection from './components/RateTitleSection/index.vue'
+import RatePanelSection from './components/RatePanelSection/index.vue'
 </script>