Mini Program · mini_program
Gym Class Booking
A gym class and personal-trainer booking mini app with branches, coaches, schedules, memberships, booking records, and a fitness-studio look.
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. 5 gym branches / 8 coaches / 30+ classes / 4 member packages. Gunmetal + lime gym vibe.
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