feat: 调整样式

2026-02-14 11:31:44 +08:00
parent cbbe82ef63
commit d6f781a666
42 changed files with 827 additions and 293 deletions
@@ -2,33 +2,146 @@ import request from '../../../utils/request';

 Page({
    data: {
-        favTab: 'all',
+        favTab: 'all', // 'all', 'plant', 'post'
        favorites: [],
-        filteredFavorites: []
+        current: 1,
+        pageSize: 10,
+        hasMore: true,
+        isLoading: false
    },

    onLoad() {
-        this.loadFavorites();
-    },
-
-    loadFavorites() {
-        // TODO: Call API
-        this.filterFavorites();
+        this.fetchFavorites(true);
    },

    onFavTabChange(e) {
        const val = e.currentTarget.dataset.value;
+        if (val === this.data.favTab) return;
        this.setData({ favTab: val }, () => {
-            this.filterFavorites();
+            this.fetchFavorites(true);
        });
    },

-    filterFavorites() {
-        const { favorites, favTab } = this.data;
-        const filtered = favorites.filter(item => {
-            if (favTab === 'all') return true;
-            return item.type === favTab;
+    fetchFavorites(reset = false) {
+        if (this.data.isLoading) return;
+        if (!reset && !this.data.hasMore) return;
+
+        this.setData({ isLoading: true });
+
+        const current = reset ? 1 : this.data.current;
+        let classType = 0;
+        if (this.data.favTab === 'plant') classType = 1;
+        if (this.data.favTab === 'post') classType = 2;
+
+        request.post('/profile/star', {
+            current,
+            pageSize: this.data.pageSize,
+            class: classType
+        }).then(res => {
+            const list = res.list || [];
+            const total = res.total || 0;
+
+            const mappedList = list.map(wrapper => {
+                const type = wrapper.type; // 1=Wiki, 2=Post
+                const isPlant = type === 1;
+                const entity = isPlant ? wrapper.wiki : wrapper.post;
+
+                if (!entity) return null;
+
+                // Image Extraction
+                let image = '';
+                if (entity.imgList && entity.imgList.length > 0) {
+                    image = entity.imgList[0].url;
+                }
+
+                if (isPlant) {
+                    return {
+                        id: entity.id,
+                        type: 'plant',
+                        name: entity.name,
+                        latinName: entity.latinName,
+                        difficultyLabel: this.getDifficultyLabel(entity.difficulty),
+                        image: image
+                    };
+                } else {
+                    // Post
+                    return {
+                        id: entity.id,
+                        type: 'post',
+                        content: entity.content,
+                        postImage: image,
+                        avatar: entity.publisher && entity.publisher.avatar ? entity.publisher.avatar : '', // Publisher is null in sample
+                        nickname: entity.publisher && entity.publisher.nickname ? entity.publisher.nickname : '花友',
+                        time: wrapper.createdAtStr
+                    };
+                }
+            }).filter(item => item !== null);
+
+            if (reset) {
+                this.setData({
+                    favorites: mappedList,
+                    current: 2,
+                    hasMore: mappedList.length < total,
+                    isLoading: false
+                });
+            } else {
+                this.setData({
+                    favorites: [...this.data.favorites, ...mappedList],
+                    current: current + 1,
+                    hasMore: (this.data.favorites.length + mappedList.length) < total,
+                    isLoading: false
+                });
+            }
+        }).catch(err => {
+            console.error('Fetch favorites failed', err);
+            this.setData({ isLoading: false });
        });
-        this.setData({ filteredFavorites: filtered });
+    },
+
+    getDifficultyLabel(level) {
+        const labels = { 1: '简单', 2: '中等', 3: '较难', 4: '困难', 5: '专家' };
+        return labels[level] || '未知';
+    },
+
+    onSwipeClick(e) {
+        // Handle Delete
+        // Data item is bound to the swipe-cell or passed via dataset
+        // If bind:click is on swipe-cell, e.target might not have the item if not set.
+        // We set data-item on swipe-cell.
+        const item = e.currentTarget.dataset.item;
+        const { id, type } = item;
+
+        const apiPath = type === 'plant' ? '/wiki/star' : '/post/star';
+
+        wx.showModal({
+            title: '提示',
+            content: '确定要取消收藏吗？',
+            success: (modRes) => {
+                if (modRes.confirm) {
+                    request.get(apiPath, { id, type: 2 }).then(() => {
+                        wx.showToast({ title: '已删除', icon: 'success' });
+                        // Remove from list
+                        const newList = this.data.favorites.filter(i => i.id !== id);
+                        this.setData({ favorites: newList });
+                    }).catch(err => {
+                        console.error('Delete favorite failed', err);
+                        wx.showToast({ title: '删除失败', icon: 'none' });
+                    });
+                }
+            }
+        });
+    },
+
+    goToDetail(e) {
+        const item = e.currentTarget.dataset.item;
+        if (item.type === 'plant') {
+            wx.navigateTo({ url: `/pages/wiki/detail/index?id=${item.id}` });
+        } else {
+            wx.showToast({ title: '暂不支持查看动态详情', icon: 'none' });
+        }
+    },
+
+    onReachBottom() {
+        this.fetchFavorites(false);
    }
 });