joey5628/doodle-mini
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 完成分类页开发

Browse Source
This commit is contained in:
R524809
2026-04-22 11:18:56 +08:00
parent 28151018ee
commit 3bb8476e93
42 changed files with 1070 additions and 56 deletions
Download Patch File Download Diff File Expand all files Collapse all files
miniprogram/pages/category/category.wxml
+125
View File
@@ -0,0 +1,125 @@
<view class="cat-page">
<nav-bar title="分类" />
<view class="cat-body">
<view class="cat-search-wrap">
<view class="cat-search">
<van-icon
name="search"
size="36rpx"
color="rgba(50, 46, 37, 0.45)"
class="cat-search__icon" />
<input
class="cat-search__input"
placeholder="{{searchPlaceholder}}"
placeholder-class="cat-search__placeholder"
value="{{searchKeyword}}"
bindinput="onSearchInput"
confirm-type="search" />
<van-icon
wx:if="{{searchKeyword}}"
name="clear"
size="32rpx"
color="rgba(50, 46, 37, 0.35)"
bindtap="onClearSearch" />
</view>
</view>
<view class="cat-main">
<scroll-view
class="cat-sidebar"
scroll-y
enhanced
show-scrollbar="{{false}}">
<view
wx:for="{{sidebarTabs}}"
wx:key="id"
class="cat-sidebar__item {{activeCategoryId === item.id ? 'cat-sidebar__item--active' : ''}}"
data-id="{{item.id}}"
bindtap="onTapCategory">
<!-- <text class="cat-sidebar__icon">{{item.icon}}</text> -->
<text class="cat-sidebar__name">{{item.name}}</text>
</view>
</scroll-view>
<scroll-view
class="cat-content"
scroll-y
enhanced
show-scrollbar="{{false}}"
scroll-into-view="{{scrollIntoViewId}}">
<view class="cat-content__inner">
<view
wx:for="{{displayItems}}"
wx:key="id"
class="cat-card"
data-path="{{item.path}}"
data-title="{{item.title}}"
data-available="{{item.available}}"
bindtap="onTapItem">
<view
class="cat-card__thumb"
style="background-color: {{item.thumbBg}}">
<image
wx:if="{{item.img}}"
class="cat-card__thumb-img"
src="{{item.img}}"
mode="aspectFill" />
<text wx:else class="cat-card__thumb-icon"
>{{item.icon}}</text
>
</view>
<view class="cat-card__body">
<view class="cat-card__header">
<text class="cat-card__title"
>{{item.title}}</text
>
</view>
<text class="cat-card__subtitle"
>{{item.subtitle}}</text
>
<view class="cat-card__tags">
<text class="tag tag--age"
>{{item.ageBand}}</text
>
<text class="tag tag--diff"
>{{item.difficulty}}</text
>
</view>
<view class="cat-card__footer">
<view class="cat-card__stats">
<view class="cat-card__stat">
<toy-icon
name="heart-o"
size="20rpx"
color="#7c766a" />
<text>{{item.likes}}</text>
</view>
<view class="cat-card__stat">
<toy-icon
name="download"
size="20rpx"
color="#7c766a" />
<text>{{item.downloads}}</text>
</view>
</view>
<text class="cat-card__date"
>{{item.date}}</text
>
</view>
</view>
</view>
<view
wx:if="{{displayItems.length === 0}}"
class="cat-empty">
<text class="cat-empty__icon">🔍</text>
<text class="cat-empty__text">没有找到匹配的内容</text>
</view>
<view class="cat-content__footer"></view>
</view>
</scroll-view>
</view>
</view>
</view>