Mini Program · mini_program
Runner Community
A running community and training check-in mini app with feed posts, 30-day heatmaps, weekly training charts, plan tracking, and club rankings.
About this template
Overview
A real WeChat / Alipay / Douyin mini-program template — uni-app + Vue 3 + TS, one codebase compiles to 10+ targets, full pages + admin. Strava + Joyrun hybrid. Feed + 30-day heatmap + 4-week bar chart + training plan + run-club leaderboard. Deep coral.
Why this template
Key Highlights
HIGHLIGHT 01
uni-app cross-platformOne Vue 3 + TS codebase compiles to 10+ targets.
HIGHLIGHT 02
Native bottom tab navigationWeChat-style 4-tab bottom nav with active state.
HIGHLIGHT 03
Persisted local storageuni.setStorageSync for cross-end state.
HIGHLIGHT 04
Real admin pagesNot just frontend — actual record management UI.
What's Inside
Features Grid
Tab Bar Nav4-5 tabs WeChat-style
Login + ProfilePhone / WeChat / Apple ID
Core Flow PagesBrowse → detail → checkout
Admin BackendManage records + settings
Storageuni.setStorageSync persistence
Theme VariablesBrand colors via CSS vars
Multi-end BuildWeChat / Alipay / Douyin / H5
Splash + BootLoading + app initialization
Perfect For
Use cases this template fits
WeChat mini-programsAlipay mini-programsDouyin / TikTok mini-programsMulti-end mobile apps
Tech Stack
Built with
uni-appVue 3TypeScript微信小程序H5