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

feat: 完成首页UI展示初版开发

Browse Source
This commit is contained in:
R524809
2026-03-31 10:59:25 +08:00
parent 1b45ba7d11
commit b18dbcb0d1
17 changed files with 258 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
miniprogram/pages/home/home.wxml
+78
View File
@@ -90,4 +90,82 @@
</view>
</view>
</view>
<view class="home-section-panel">
<view class="home-section-head">
<text
class="home-section-head__title home-section-head__title--module"
>数感启蒙</text
>
<text
class="home-section-head__more"
data-category="math"
bindtap="onTapTrackMore"
>更多</text
>
</view>
<scroll-view class="home-track-scroll" scroll-x enable-flex>
<view class="home-track-row">
<view
wx:for="{{mathTrackCards}}"
wx:key="id"
class="home-track-card"
data-title="{{item.title}}"
bindtap="onTapTrackCard">
<view
class="home-track-card__top"
style="background-color: {{item.topBg}}">
<text class="home-track-card__icon">{{item.icon}}</text>
</view>
<view class="home-track-card__body">
<text class="home-track-card__title"
>{{item.title}}</text
>
<text class="home-track-card__sub"
>{{item.subtitle}}</text
>
</view>
</view>
</view>
</scroll-view>
</view>
<view class="home-section-panel">
<view class="home-section-head">
<text
class="home-section-head__title home-section-head__title--module"
>趣味中文</text
>
<text
class="home-section-head__more"
data-category="chinese"
bindtap="onTapTrackMore"
>更多</text
>
</view>
<scroll-view class="home-track-scroll" scroll-x enable-flex>
<view class="home-track-row">
<view
wx:for="{{chineseTrackCards}}"
wx:key="id"
class="home-track-card"
data-title="{{item.title}}"
bindtap="onTapTrackCard">
<view
class="home-track-card__top"
style="background-color: {{item.topBg}}">
<text class="home-track-card__icon">{{item.icon}}</text>
</view>
<view class="home-track-card__body">
<text class="home-track-card__title"
>{{item.title}}</text
>
<text class="home-track-card__sub"
>{{item.subtitle}}</text
>
</view>
</view>
</view>
</scroll-view>
</view>
</view>