feat: 调整样式

This commit is contained in:
Blizzard
2026-02-14 11:31:44 +08:00
parent cbbe82ef63
commit d6f781a666
42 changed files with 827 additions and 293 deletions
+60 -14
View File
@@ -1,27 +1,73 @@
<view class="favorites-page">
<view class="category-filter">
<view class="filter-chip {{favTab === 'all' ? 'active' : ''}}" bindtap="onFavTabChange" data-value="all">全部</view>
<view class="filter-chip {{favTab === 'plant' ? 'active' : ''}}" bindtap="onFavTabChange" data-value="plant">植物</view>
<view class="filter-chip {{favTab === 'article' ? 'active' : ''}}" bindtap="onFavTabChange" data-value="article">文章</view>
<view class="filter-chip {{favTab === 'plant' ? 'active' : ''}}" bindtap="onFavTabChange" data-value="plant">百科</view>
<view class="filter-chip {{favTab === 'post' ? 'active' : ''}}" bindtap="onFavTabChange" data-value="post">动态</view>
</view>
<scroll-view scroll-y class="fav-scroll" enhanced show-scrollbar="{{false}}">
<view wx:if="{{filteredFavorites.length > 0}}" class="fav-grid">
<view wx:for="{{filteredFavorites}}" wx:key="id" class="fav-card">
<t-image src="{{item.image}}" mode="aspectFill" width="100%" height="240rpx" class="fav-img" />
<view class="fav-info">
<text class="fav-name">{{item.name}}</text>
<view class="fav-meta-row">
<t-icon name="{{item.type === 'plant' ? 'heart' : 'book'}}" size="28rpx" color="#90A4AE" />
<text class="fav-type">{{item.meta}}</text>
<scroll-view
scroll-y
class="fav-scroll"
enhanced
show-scrollbar="{{false}}"
bindscrolltolower="onReachBottom"
>
<view wx:if="{{favorites.length > 0}}" class="fav-list">
<t-swipe-cell wx:for="{{favorites}}" wx:key="id">
<view class="fav-item" bindtap="goToDetail" data-item="{{item}}">
<!-- Render Wiki Plant -->
<block wx:if="{{item.type === 'plant'}}">
<t-image src="{{item.image}}" mode="aspectFill" class="fav-img plant-img" width="160rpx" height="160rpx" />
<view class="fav-info">
<text class="fav-title">{{item.name}}</text>
<text class="fav-subtitle">{{item.latinName}}</text>
<view class="fav-meta">
<t-tag size="small" variant="light" theme="success">植物百科</t-tag>
<text wx:if="{{item.difficultyLabel}}" class="meta-diff">难度: {{item.difficultyLabel}}</text>
</view>
</view>
</block>
<!-- Render Community Post -->
<block wx:else>
<t-image
src="{{item.postImage || item.avatar}}"
mode="aspectFill"
class="fav-img post-img"
width="160rpx" height="160rpx"
/>
<view class="fav-info">
<text class="fav-title post-title">{{item.content || '无标题'}}</text>
<view class="fav-user-row">
<t-avatar image="{{item.avatar}}" size="small" />
<text class="user-nickname">{{item.nickname}}</text>
</view>
<view class="fav-meta">
<t-tag size="small" variant="light" theme="primary">社区动态</t-tag>
<text class="meta-time">{{item.time}}</text>
</view>
</view>
</block>
</view>
</view>
</view>
<view slot="right" class="delete-btn" catchtap="onSwipeClick" data-item="{{item}}">
<text>删除</text>
</view>
</t-swipe-cell>
</view>
<view wx:else class="empty-state">
<!-- Empty State -->
<view wx:elif="{{!isLoading}}" class="empty-state">
<t-icon name="star" size="80rpx" color="#E0E0E0" style="margin-bottom: 24rpx;" />
<text class="empty-text">暂无收藏内容</text>
</view>
<!-- Loading State -->
<view class="loading-footer" wx:if="{{isLoading}}">
<t-loading theme="circular" size="40rpx" text="加载中..." />
</view>
<view wx:if="{{!hasMore && favorites.length > 0}}" class="no-more-text">没有更多了</view>
<view style="height: 60rpx;"></view>
</scroll-view>
</view>