feat: ai

apps/web-antd/src/views/ai/image/square/index.vue

@@ -45,7 +45,7 @@ onMounted(async () => {
 </script>
 <template>
   <Page auto-content-height>
-    <div class="bg-[#fff] p-[20px]">
+    <div class="bg-white p-[20px]">
       <!-- TODO @fan：Search 可以换成 Icon 组件么？ -->
       <Input.Search
         v-model="queryParams.prompt"
@@ -55,14 +55,14 @@ onMounted(async () => {
         @keyup.enter="handleQuery"
       />
       <div
-        class="grid gap-[10px] bg-[#fff] shadow-[0_0_10px_rgba(0,0,0,0.1)]"
+        class="grid gap-[10px] bg-white shadow-[0_0_10px_rgba(0,0,0,0.1)]"
         style="grid-template-columns: repeat(auto-fill, minmax(200px, 1fr))"
       >
         <!-- TODO @fan：这个图片的风格，要不和 ImageCard.vue 界面一致？（只有卡片，没有操作）；因为看着更有相框的感觉~~~ -->
         <div
           v-for="item in list"
           :key="item.id"
-          class="relative cursor-pointer overflow-hidden bg-[#f0f0f0] transition-transform duration-300 hover:scale-[1.05]"
+          class="relative cursor-pointer overflow-hidden bg-white transition-transform duration-300 hover:scale-[1.05]"
         >
           <img
             :src="item.picUrl"