From 90cdef7e46dd868c1cf26725995c149328413553 Mon Sep 17 00:00:00 2001
From: hdx <hdx@dcloud.io>
Date: Mon, 21 Aug 2023 17:10:42 +0800
Subject: [PATCH] =?UTF-8?q?long-list:=20=E6=9B=B4=E6=96=B0API=E5=9C=B0?=
 =?UTF-8?q?=E5=9D=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/template/long-list/long-list.uvue | 72 ++++++++++++-------------
 1 file changed, 35 insertions(+), 37 deletions(-)

diff --git a/pages/template/long-list/long-list.uvue b/pages/template/long-list/long-list.uvue
index 42661f9c..ab347f11 100644
--- a/pages/template/long-list/long-list.uvue
+++ b/pages/template/long-list/long-list.uvue
@@ -2,23 +2,23 @@
   <list-view class="list" @scrolltolower="loadData">
     <list-item class="list-item" v-for="(item, index) in dataList" :key="index">
       <view class="list-item-icon">
-        <image class="list-item-icon-image" :src="item.img"></image>
+        <image class="list-item-icon-image" :src="item.author_avatar_link"></image>
       </view>
       <view class="list-item-fill">
         <view class="flex-row">
-          <text class="title">{{item.name}}</text>
+          <text class="title">{{item.plugin_name}}</text>
         </view>
         <view class="description">
-          <text class="description-text">{{item.intro}}</text>
+          <text class="description-text">{{item.plugin_intro}}</text>
+        </view>
+        <view class="tag-list">
+          <text class="tag-item" v-for="(item2, index2) in item.tags" :key="index2">{{item2}}</text>
         </view>
-        <!-- <view class="tag-list">
-          <text class="tag-item" v-for="(item2, index2) in item.tags" :key="index2">{{item2.name}}</text>
-        </view> -->
         <!-- <uts-rate></uts-rate> -->
         <view class="flex-row update-date">
           <text class="update-date-text">更新日期</text>
-          <!-- <text class="update-date-value">{{item.updateDate}}</text> -->
-          <!-- <text class="author">Dcloud</text> -->
+          <text class="update-date-value">{{item.update_date}}</text>
+          <text class="author">{{item.author_name}}</text>
         </view>
       </view>
     </list-item>
@@ -26,18 +26,22 @@
 </template>
 
 <script>
-  // TODO 临时地址
-  const SERVER_URL = "https://test-ext.dcloud.net.cn/plugin/plugin-list"
+  const SERVER_URL = "https://ext.dcloud.net.cn/plugin/uniappx-plugin-list"
   const PAGE_SIZE = 10; // 最大值 10
 
-  // TODO 暂不支持tag，更新日期等属性
   type ListItem = {
-    id : number,
-    img : string,
-    name : string,
-    intro : string,
-    // tags : Array<String>,
-    // updateDate : string,
+    plugin_id : number,
+    author_avatar_link : string,
+    plugin_name : string,
+    plugin_intro : string,
+    tags : Array<string>,
+    update_date : string,
+    author_name : string,
+  }
+
+  type ResponseDataType = {
+    code : number,
+    data : ListItem[]
   }
 
   export default {
@@ -60,29 +64,23 @@
 
         this.loading = true;
 
+        // TODO request data 没有拼接到 url 中，暂时手动拼接
         uni.request({
-          url: SERVER_URL,
+          url: `${SERVER_URL}?page=${this.$currentPage}&page_size=${PAGE_SIZE}`,
           data: {
             page: this.$currentPage,
-            pageSize: PAGE_SIZE
+            page_size: PAGE_SIZE
           },
+          dataType: '',
           success: (res) => {
-            const responseData = res.data as UTSJSONObject
-            if (responseData['data'] == null) {
-              return;
-            }
-
-            const responseDataList = responseData['data'] as UTSJSONObject[]
-            for (const item in responseDataList) {
-              this.dataList.push({
-                id: item["id"] as number,
-                img: 'https:' + item["img"] as string,
-                name: item["name"] as string,
-                intro: item["intro"] as string,
-              } as ListItem)
-            }
-
-            this.isEnded = responseDataList.length <= 0;
+            const responseData = JSON.parse<ResponseDataType>(res.data as string)!
+            const list = responseData.data
+
+            list.forEach((item) => {
+              this.dataList.push(item)
+            })
+
+            this.isEnded = list.length <= 0;
 
             this.$currentPage++
           },
@@ -141,7 +139,7 @@
   }
 
   .description {
-    margin-top: 5px;
+    margin-top: 3px;
   }
 
   .description-text {
@@ -182,7 +180,7 @@
 
   .author {
     font-size: 12px;
-    color: #008000;
+    color: #005000;
     margin-left: auto;
   }
 </style>
\ No newline at end of file
-- 
GitLab