refactor: 重构API接口响应格式，带来简洁高效的接口设计

mock/list.ts

@@ -6,7 +6,8 @@ export default defineFakeRoute([
     method: "post",
     response: () => {
       return {
-        success: true,
+        code: 0,
+        message: "操作成功",
         data: {
           list: [
             {

src/api/list.ts

@@ -1,7 +1,8 @@
 import { http } from "@/utils/http";
 
 type Result = {
-  success: boolean;
+  code: number;
+  message: string;
   data?: {
     /** 列表数据 */
     list: Array<any>;

src/layout/components/lay-setting/index.vue

@@ -345,8 +345,8 @@ onUnmounted(() => removeMatchMedia);
           @click="setLayoutThemeColor(item.themeColor)"
         >
           <el-icon
-            class="mt-px"
+            style="margin: 0.1em 0.1em 0 0"
-            :size="20"
+            :size="17"
             :color="getThemeColor(item.themeColor)"
           >
             <IconifyIconOffline :icon="Check" />
@@ -538,24 +538,17 @@ onUnmounted(() => removeMatchMedia);
 }
 
 .theme-color {
-  display: flex;
+  height: 20px;
-  gap: 8px;
-  margin-top: 8px;
 
   li {
-    position: relative;
+    float: left;
-    width: 21px;
+    height: 20px;
-    height: 21px;
+    margin-right: 8px;
     cursor: pointer;
     border-radius: 4px;
-    box-shadow: rgb(0 0 0 / 15%) 0 0 0 1px inset;
-    transition: all 0.2s ease;
 
-    &:hover {
+    &:nth-child(1) {
-      box-shadow:
+      border: 1px solid #ddd;
-        rgb(0 0 0 / 25%) 0 0 0 1px inset,
-        0 2px 4px rgb(0 0 0 / 15%);
-      transform: scale(1.1);
     }
   }
 }

src/views/list/card/index.vue

@@ -38,12 +38,14 @@ const dataLoading = ref(true);
 
 const getCardListData = async () => {
   try {
-    const { data } = await getCardList();
+    const { code, data } = await getCardList();
+    if (code === 0) {
       productList.value = data.list;
       pagination.value = {
         ...pagination.value,
         total: data.list.length
       };
+    }
   } catch (e) {
     console.log(e);
   } finally {