diff --git a/gym-manage-uniapp/.gitignore b/gym-manage-uniapp/.gitignore new file mode 100644 index 0000000..2370852 --- /dev/null +++ b/gym-manage-uniapp/.gitignore @@ -0,0 +1,4 @@ +node_modules/ +unpackage/ +.hbuilderx/ +.DS_Store diff --git a/gym-manage-uniapp/App.vue b/gym-manage-uniapp/App.vue new file mode 100644 index 0000000..8c2b732 --- /dev/null +++ b/gym-manage-uniapp/App.vue @@ -0,0 +1,17 @@ + + + diff --git a/gym-manage-uniapp/src/api/index.js b/gym-manage-uniapp/api/index.js similarity index 100% rename from gym-manage-uniapp/src/api/index.js rename to gym-manage-uniapp/api/index.js diff --git a/gym-manage-uniapp/common/style/base.css b/gym-manage-uniapp/common/style/base.css new file mode 100644 index 0000000..543d12a --- /dev/null +++ b/gym-manage-uniapp/common/style/base.css @@ -0,0 +1,130 @@ +/** + * ============================================ + * 健身房管理系统小程序 - 全局配色变量 + * 主题：活力运动风格 + * 主色调：深蓝专业 + 活力橙热情 + * 兼容暗色/浅色模式基础，保证可访问性 + * ============================================ + */ + +:root { + /* ========== 主品牌色 ========== */ + --primary-dark: #0B2B4B; /* 深蓝主色 - 用于头部导航栏、重要按钮、品牌标识，体现专业信赖感 */ + --primary-deep: #1A4A6F; /* 中深蓝色 - 用于hover状态、次级按钮、图标点缀，增加层次感 */ + --primary-light: #2C6288; /* 浅蓝色（预留）- 用于选中态或辅助背景，保持和谐渐变 */ + + /* ========== 强调/行动色 ========== */ + --accent-orange: #FF6B35; /* 活力橙 - 主要CTA按钮、会员标识、高亮徽章、关键数据，刺激行动力 */ + --accent-orange-light: #FF8C5A; /* 浅橙色 - hover轻量背景、渐变辅助，带来温暖运动感 */ + --accent-orange-dark: #E55A2B; /* 深橙色 - 按压状态或重要警告，保持色彩体系完整 */ + + /* ========== 背景色系 ========== */ + --bg-light: #F9FAFE; /* 全局浅灰蓝背景 - 柔和且提升深蓝/橙色的视觉舒适度 */ + --bg-white: #FFFFFF; /* 纯白卡片背景 - 用于内容卡片、表单区域，提高可读性与层次感 */ + --bg-gray: #F2F5F9; /* 浅灰辅助背景 - 分割区域或禁用态背景 */ + + /* ========== 文本色系 ========== */ + --text-dark: #1E2A3A; /* 主要文字 - 标题、正文，保证高对比度 */ + --text-muted: #5E6F8D; /* 辅助文字 - 次要信息、占位符，保持易读性 */ + --text-light: #8A99B4; /* 更浅文字 - 提示语、时间戳，但需注意与背景对比 */ + --text-inverse: #FFFFFF; /* 反白文字 - 深色/橙色背景上的文字 */ + + /* ========== 边框/分割线 ========== */ + --border-light: #E9EDF2; /* 浅边框 - 卡片分割、列表边界，细腻柔和 */ + --border-focus: #FF6B35; /* 聚焦边框 - 输入框选中或强调区域，使用橙色点缀 */ + + /* ========== 状态颜色（功能性） ========== */ + --success-green: #2ECC71; /* 成功绿 - 已完成课程、健康打卡 */ + --warning-amber: #F39C12; /* 警示橙黄 - 提醒、到期提示 */ + --error-red: #E74C3C; /* 错误红 - 异常情况或取消预约 */ + --info-blue: #3498DB; /* 信息蓝 - 提示气泡、帮助文字 */ + + /* ========== 渐变色 (提升活力感) ========== */ + --gradient-orange: linear-gradient(135deg, #FF6B35 0%, #FF8C5A 100%); /* 橙色渐变 - 会员按钮、重要徽章 */ + --gradient-blue: linear-gradient(135deg, #0B2B4B 0%, #1A4A6F 100%); /* 深蓝渐变 - 头部banner或特别卡片 */ + --gradient-subtle: linear-gradient(120deg, #F9FAFE 0%, #FFFFFF 100%); /* 微弱渐变 - 增加细节精致度 */ + + /* ========== 阴影层级 ========== */ + --shadow-sm: 0 8px 20px rgba(0, 0, 0, 0.03), 0 2px 6px rgba(0, 0, 0, 0.05); /* 卡片小阴影 轻量浮起 */ + --shadow-md: 0 12px 28px rgba(0, 0, 0, 0.08); /* 中等阴影 - 弹窗或下拉菜单 */ + --shadow-lg: 0 20px 35px rgba(0, 0, 0, 0.12); /* 大阴影 - 模态框、悬浮元素 */ + --shadow-orange-glow: 0 4px 12px rgba(255, 107, 53, 0.25); /* 橙色光晕 - 增强CTA吸引力 */ + + /* ========== 圆角规范 (柔和运动风) ========== */ + --radius-sm: 12px; /* 小组件、标签圆角 */ + --radius-md: 20px; /* 标准卡片圆角 */ + --radius-lg: 28px; /* 大容器、头部卡片圆角 */ + --radius-full: 999px; /* 胶囊按钮、头像完全圆角 */ + + /* ========== 布局与间距 ========== */ + --spacing-xs: 4px; + --spacing-sm: 8px; + --spacing-md: 16px; + --spacing-lg: 24px; + --spacing-xl: 32px; + + /* ========== 字体 (移动端优先) ========== */ + --font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; + --font-size-xs: 0.7rem; /* 辅助标注 */ + --font-size-sm: 0.8rem; /* 次要文字 */ + --font-size-base: 0.9rem; /* 正文基准 */ + --font-size-md: 1rem; /* 小标题 */ + --font-size-lg: 1.2rem; /* 卡片标题 */ + --font-size-xl: 1.4rem; /* 大数字/欢迎语 */ + --font-weight-regular: 400; + --font-weight-medium: 500; + --font-weight-bold: 700; + --font-weight-extrabold: 800; +} + +/* ========== 暗色模式适配（可选，保持品牌一致性） ========== */ +@media (prefers-color-scheme: dark) { + :root { + /* 暗色模式下微调背景与文字，保留品牌色核心 */ + --bg-light: #121826; + --bg-white: #1E2636; + --bg-gray: #0F141F; + --text-dark: #EDF2F7; + --text-muted: #9AA9C1; + --border-light: #2A3346; + --shadow-sm: 0 8px 20px rgba(0, 0, 0, 0.4); + /* 保留主色深蓝与橙色不变，但可适当提高对比 */ + --primary-dark: #123A5E; /* 亮一点保证深色背景可见度 */ + --accent-orange: #FF7846; /* 稍微提亮橙色 */ + } +} + +/* ========== 辅助类 (方便开发直接复用) ========== */ +.bg-primary { + background-color: var(--primary-dark); +} +.bg-accent { + background-color: var(--accent-orange); +} +.text-primary { + color: var(--primary-dark); +} +.text-accent { + color: var(--accent-orange); +} +.btn-orange { + background: var(--gradient-orange); + color: white; + border: none; + border-radius: var(--radius-full); + padding: 10px 20px; + font-weight: var(--font-weight-bold); + box-shadow: var(--shadow-orange-glow); + transition: all 0.2s ease; +} +.btn-orange:active { + transform: scale(0.97); + background: var(--accent-orange-dark); +} +.card-default { + background: var(--bg-white); + border-radius: var(--radius-md); + box-shadow: var(--shadow-sm); + border: 1px solid var(--border-light); + padding: var(--spacing-md); +} \ No newline at end of file diff --git a/gym-manage-uniapp/examples/index.html b/gym-manage-uniapp/examples/index.html new file mode 100644 index 0000000..007f509 --- /dev/null +++ b/gym-manage-uniapp/examples/index.html @@ -0,0 +1,570 @@ + + + + + + 健身房管理系统 | 动感配色方案 + + + + + +
+ +
+ 9:41 + +
+ + +
+
+
+

IRONPULSE

+

智能健身 · 即刻燃动

+
+
+ + +
+
+ +
+
+

欢迎回来，

+

张峻铭 💪

+
+
MVP 黑金会员
+
+
+ + +
+
+ +
1,280
+
今日卡路里
+
+
+ +
126
+
运动分钟
+
+
+ +
12
+
本月课程
+
+
+ + +
+
签到
+
团课预约
+
体测报告
+
我的会籍
+
+ + +
+

热门团课

+ 查看全部 → +
+
+
+
+
+

极速燃脂 · 动感单车

+

张教练 | 综合有氧

+
+
19:30 满员
+
+
+
+
+

搏击风暴 · 泰拳基础

+

李娜 | 格斗区

+
+
18:00 火热
+
+
+
+
+

普拉提核心唤醒

+

Elena | 瑜伽室

+
+
明早 09:30
+
+
+ + +
+
+

🌟 明星私教推荐

+

Alex 王 · 增肌塑形专家

+

剩余3个时段可约

+
+
立即预约
+
+ + +
+
首页
+
日程
+
数据
+
我的
+
+
+ + +
+
+ 健身房管理系统 · 能量配色方案 +
+
+
+
+ 深蓝主色 #0B2B4B
专业信赖 +
+
+
+ 活力橙 #FF6B35
行动/热情 +
+
+
+ 深邃辅助 #1A4A6F +
+
+
+ 浅色背景 #F9FAFE +
+
+
+ 卡片白 #FFFFFF +
+
+
+
+ 设计理念：深蓝色传递专业与稳定感，活力橙色提升运动热情与CTA转化。
+ 圆润卡片 + 强烈对比，适合健身管理小程序的年轻、力量与现代氛围。 +
+
+ + + + \ No newline at end of file diff --git a/gym-manage-uniapp/index.html b/gym-manage-uniapp/index.html new file mode 100644 index 0000000..b5d330d --- /dev/null +++ b/gym-manage-uniapp/index.html @@ -0,0 +1,20 @@ + + + + + + + + + + +
+ + + diff --git a/gym-manage-uniapp/main.js b/gym-manage-uniapp/main.js new file mode 100644 index 0000000..c1caf36 --- /dev/null +++ b/gym-manage-uniapp/main.js @@ -0,0 +1,22 @@ +import App from './App' + +// #ifndef VUE3 +import Vue from 'vue' +import './uni.promisify.adaptor' +Vue.config.productionTip = false +App.mpType = 'app' +const app = new Vue({ + ...App +}) +app.$mount() +// #endif + +// #ifdef VUE3 +import { createSSRApp } from 'vue' +export function createApp() { + const app = createSSRApp(App) + return { + app + } +} +// #endif \ No newline at end of file diff --git a/gym-manage-uniapp/manifest.json b/gym-manage-uniapp/manifest.json index 39bd84f..702bf05 100644 --- a/gym-manage-uniapp/manifest.json +++ b/gym-manage-uniapp/manifest.json @@ -1,64 +1,72 @@ { - "name": "gym-manage-uniapp", - "appid": "", - "description": "Gym Management System Mobile App", - "versionName": "1.0.0", - "versionCode": "100", - "transformPx": false, - "app-plus": { - "usingComponents": true, - "nvueStyleCompiler": "uni-app", - "compilerVersion": 3, - "splashscreen": { - "alwaysShowBeforeRender": true, - "waiting": true, - "autoclose": true, - "delay": 0 + "name" : "gym-manage-uniapp", + "appid" : "", + "description" : "", + "versionName" : "1.0.0", + "versionCode" : "100", + "transformPx" : false, + /* 5+App特有相关 */ + "app-plus" : { + "usingComponents" : true, + "nvueStyleCompiler" : "uni-app", + "compilerVersion" : 3, + "splashscreen" : { + "alwaysShowBeforeRender" : true, + "waiting" : true, + "autoclose" : true, + "delay" : 0 + }, + /* 模块配置 */ + "modules" : {}, + /* 应用发布信息 */ + "distribute" : { + /* android打包配置 */ + "android" : { + "permissions" : [ + "", + "", + "", + "", + "", + "", + "", + "", + "", + "", + "", + "", + "", + "", + "" + ] + }, + /* ios打包配置 */ + "ios" : {}, + /* SDK配置 */ + "sdkConfigs" : {} + } }, - "modules": {}, - "distribute": { - "android": { - "permissions": [ - "", - "", - "", - "", - "", - "", - "", - "", - "", - "", - "", - "", - "", - "", - "" - ] - }, - "ios": {}, - "sdkConfigs": {} - } - }, - "quickapp": {}, - "mp-weixin": { - "appid": "", - "setting": { - "urlCheck": false + /* 快应用特有相关 */ + "quickapp" : {}, + /* 小程序特有相关 */ + "mp-weixin" : { + "appid" : "", + "setting" : { + "urlCheck" : false + }, + "usingComponents" : true }, - "usingComponents": true - }, - "mp-alipay": { - "usingComponents": true - }, - "mp-baidu": { - "usingComponents": true - }, - "mp-toutiao": { - "usingComponents": true - }, - "uniStatistics": { - "enable": false - }, - "vueVersion": "3" + "mp-alipay" : { + "usingComponents" : true + }, + "mp-baidu" : { + "usingComponents" : true + }, + "mp-toutiao" : { + "usingComponents" : true + }, + "uniStatistics" : { + "enable" : false + }, + "vueVersion" : "3" } diff --git a/gym-manage-uniapp/package.json b/gym-manage-uniapp/package.json deleted file mode 100644 index c3506cd..0000000 --- a/gym-manage-uniapp/package.json +++ /dev/null @@ -1,19 +0,0 @@ -{ - "name": "gym-manage-uniapp", - "version": "1.0.0", - "description": "Gym Management System Mobile App", - "main": "main.js", - "scripts": { - "dev:mp-weixin": "uni -p mp-weixin", - "build:mp-weixin": "uni build -p mp-weixin", - "dev:h5": "uni", - "build:h5": "uni build" - }, - "keywords": [ - "uniapp", - "gym", - "management" - ], - "author": "Novalon", - "license": "MIT" -} diff --git a/gym-manage-uniapp/pages.json b/gym-manage-uniapp/pages.json index bd13bd5..869105d 100644 --- a/gym-manage-uniapp/pages.json +++ b/gym-manage-uniapp/pages.json @@ -1,28 +1,17 @@ { - "pages": [ - { - "path": "pages/index/index", - "style": { - "navigationBarTitleText": "首页" - } - } - ], - "globalStyle": { - "navigationBarTextStyle": "black", - "navigationBarTitleText": "健身房管理系统", - "navigationBarBackgroundColor": "#F8F8F8", - "backgroundColor": "#F8F8F8" - }, - "tabBar": { - "color": "#7A7E83", - "selectedColor": "#007AFF", - "borderStyle": "black", - "backgroundColor": "#F8F8F8", - "list": [ - { - "pagePath": "pages/index/index", - "text": "首页" - } - ] - } + "pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages + { + "path": "pages/index/index", + "style": { + "navigationBarTitleText": "uni-app" + } + } + ], + "globalStyle": { + "navigationBarTextStyle": "black", + "navigationBarTitleText": "uni-app", + "navigationBarBackgroundColor": "#F8F8F8", + "backgroundColor": "#F8F8F8" + }, + "uniIdRouter": {} } diff --git a/gym-manage-uniapp/pages/index/index.vue b/gym-manage-uniapp/pages/index/index.vue new file mode 100644 index 0000000..ec0ec26 --- /dev/null +++ b/gym-manage-uniapp/pages/index/index.vue @@ -0,0 +1,52 @@ + + + + + diff --git a/gym-manage-uniapp/src/pages/index/index.vue b/gym-manage-uniapp/src/pages/index/index.vue deleted file mode 100644 index 5b7705f..0000000 --- a/gym-manage-uniapp/src/pages/index/index.vue +++ /dev/null @@ -1,40 +0,0 @@ - - - - - diff --git a/gym-manage-uniapp/static/logo.png b/gym-manage-uniapp/static/logo.png new file mode 100644 index 0000000..b5771e2 Binary files /dev/null and b/gym-manage-uniapp/static/logo.png differ diff --git a/gym-manage-uniapp/src/store/index.ts b/gym-manage-uniapp/store/index.ts similarity index 100% rename from gym-manage-uniapp/src/store/index.ts rename to gym-manage-uniapp/store/index.ts diff --git a/gym-manage-uniapp/src/store/user.ts b/gym-manage-uniapp/store/user.ts similarity index 100% rename from gym-manage-uniapp/src/store/user.ts rename to gym-manage-uniapp/store/user.ts diff --git a/gym-manage-uniapp/uni.promisify.adaptor.js b/gym-manage-uniapp/uni.promisify.adaptor.js new file mode 100644 index 0000000..5fec4f3 --- /dev/null +++ b/gym-manage-uniapp/uni.promisify.adaptor.js @@ -0,0 +1,13 @@ +uni.addInterceptor({ + returnValue (res) { + if (!(!!res && (typeof res === "object" || typeof res === "function") && typeof res.then === "function")) { + return res; + } + return new Promise((resolve, reject) => { + res.then((res) => { + if (!res) return resolve(res) + return res[0] ? reject(res[0]) : resolve(res[1]) + }); + }); + }, +}); \ No newline at end of file diff --git a/gym-manage-uniapp/uni.scss b/gym-manage-uniapp/uni.scss new file mode 100644 index 0000000..b9249e9 --- /dev/null +++ b/gym-manage-uniapp/uni.scss @@ -0,0 +1,76 @@ +/** + * 这里是uni-app内置的常用样式变量 + * + * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量 + * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App + * + */ + +/** + * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能 + * + * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件 + */ + +/* 颜色变量 */ + +/* 行为相关颜色 */ +$uni-color-primary: #007aff; +$uni-color-success: #4cd964; +$uni-color-warning: #f0ad4e; +$uni-color-error: #dd524d; + +/* 文字基本颜色 */ +$uni-text-color:#333;//基本色 +$uni-text-color-inverse:#fff;//反色 +$uni-text-color-grey:#999;//辅助灰色，如加载更多的提示信息 +$uni-text-color-placeholder: #808080; +$uni-text-color-disable:#c0c0c0; + +/* 背景颜色 */ +$uni-bg-color:#ffffff; +$uni-bg-color-grey:#f8f8f8; +$uni-bg-color-hover:#f1f1f1;//点击状态颜色 +$uni-bg-color-mask:rgba(0, 0, 0, 0.4);//遮罩颜色 + +/* 边框颜色 */ +$uni-border-color:#c8c7cc; + +/* 尺寸变量 */ + +/* 文字尺寸 */ +$uni-font-size-sm:12px; +$uni-font-size-base:14px; +$uni-font-size-lg:16px; + +/* 图片尺寸 */ +$uni-img-size-sm:20px; +$uni-img-size-base:26px; +$uni-img-size-lg:40px; + +/* Border Radius */ +$uni-border-radius-sm: 2px; +$uni-border-radius-base: 3px; +$uni-border-radius-lg: 6px; +$uni-border-radius-circle: 50%; + +/* 水平间距 */ +$uni-spacing-row-sm: 5px; +$uni-spacing-row-base: 10px; +$uni-spacing-row-lg: 15px; + +/* 垂直间距 */ +$uni-spacing-col-sm: 4px; +$uni-spacing-col-base: 8px; +$uni-spacing-col-lg: 12px; + +/* 透明度 */ +$uni-opacity-disabled: 0.3; // 组件禁用态的透明度 + +/* 文章场景相关 */ +$uni-color-title: #2C405A; // 文章标题颜色 +$uni-font-size-title:20px; +$uni-color-subtitle: #555555; // 二级标题颜色 +$uni-font-size-subtitle:26px; +$uni-color-paragraph: #3F536E; // 文章段落颜色 +$uni-font-size-paragraph:15px; diff --git a/gym-manage-uniapp/请在此文本文档内写入使用的第三方框架.txt b/gym-manage-uniapp/请在此文本文档内写入使用的第三方框架.txt new file mode 100644 index 0000000..848ecae --- /dev/null +++ b/gym-manage-uniapp/请在此文本文档内写入使用的第三方框架.txt @@ -0,0 +1 @@ +// 任何第三方框架，包括图标库，字体等都需要写在这里，并附上网址。 \ No newline at end of file