feat: 新增分页组件

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

@@ -0,0 +1,11 @@
+<template>
+    <div class="box-border border-[1px] border-[#E5E8EE] rounded-[16px] p-[20px]">
+        <Pagination :page="1" :pageSize="10" :total="30" :pageSizes="[10, 20, 30]" :siblingCount="siblingCount" :boundaryCount="boundaryCount" />
+    </div>
+</template>
+
+<script setup lang="ts" name="RateContentSection">
+import Pagination from '@/components/Pagination/index.vue'
+</script>
+
+<style></style>

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

@@ -1,5 +1,5 @@
 <template>
-  <div class="grid grid-cols-5 gap-[15px]">
+  <div class="grid grid-cols-5 gap-[15px] mb-[20px]">
     <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]">
@@ -20,8 +20,7 @@
   </div>  
 </template>
 
-<script setup lang="ts">
+<script setup lang="ts" name="RatePanelSection">
 import { channels } from '@constant/rate'
 import { RiStarFill } from '@remixicon/vue'
-
 </script>

src/renderer/views/rate/index.vue

@@ -3,6 +3,7 @@
     <div class="bg-white box-border w-[936px] h-full rounded-[16px] p-[20px]">
         <RateTitleSection />
         <RatePanelSection />
+        <RateContentSection />
       </div>
   </Layout>
 </template>
@@ -10,5 +11,6 @@
 <script setup lang="ts" name="Rate">
 import RateTitleSection from './components/RateTitleSection/index.vue'
 import RatePanelSection from './components/RatePanelSection/index.vue'
+import RateContentSection from './components/RateContentSection/index.vue'
 </script>