【代码优化】AI：绘图画廊

src/views/ai/image/square/index.vue

@@ -1,22 +1,23 @@
 <template>
-   <div class="card-list">
-     <div v-for="item in publicList" :key="item" class="card">
-       <img :src="item.picUrl" class="img"/>
-     </div>
-   </div>
+  <div class="card-list">
+    <div v-for="item in publicList" :key="item.id" class="card">
+      <img :src="item.picUrl" class="img" />
+    </div>
+  </div>
 </template>
 <script setup lang="ts">
-import { ImageApi, ImageVO, ImageMidjourneyButtonsVO } from '@/api/ai/image'
+import { ImageApi, ImageVO } from '@/api/ai/image'
 
 /** 属性 */
+// TODO @fan：queryParams 里面搞分页哈。
 const pageNo = ref<number>(1)
 const pageSize = ref<number>(20)
 const publicList = ref<ImageVO[]>([])
 
 /** 获取数据 */
 const getListData = async () => {
-  const res = await ImageApi.publicList({pageNo: pageNo.value, pageSize: pageSize.value});
-  publicList.value = res.list as ImageVO[];
+  const res = await ImageApi.getImagePagePublic({ pageNo: pageNo.value, pageSize: pageSize.value })
+  publicList.value = res.list as ImageVO[]
   console.log('publicList.value', publicList.value)
 }
 
@@ -25,7 +26,6 @@ onMounted(async () => {
 })
 </script>
 <style scoped lang="scss">
-
 .card-list {
   //display: flex;
   //flex-direction: column;
@@ -34,7 +34,6 @@ onMounted(async () => {
 }
 
 .card {
-
   .img {
     width: 50%;
   }