diff --git a/package.json b/package.json index d649730..c53a582 100644 --- a/package.json +++ b/package.json @@ -36,7 +36,7 @@ }, "devDependencies": { "@vitejs/plugin-vue": "5.0.5", - "sass": "1.77.5", + "sass": "^1.77.5", "unplugin-auto-import": "0.17.6", "unplugin-vue-setup-extend-plus": "1.0.1", "vite": "5.3.2", diff --git a/src/api/system/recommend.js b/src/api/system/recommend.js new file mode 100644 index 0000000..d5a11be --- /dev/null +++ b/src/api/system/recommend.js @@ -0,0 +1,44 @@ +import request from '@/utils/request' + +// 查询推荐表列表 +export function listRecommend(query) { + return request({ + url: '/system/recommend/list', + method: 'get', + params: query + }) +} + +// 查询推荐表详细 +export function getRecommend(id) { + return request({ + url: '/system/recommend/' + id, + method: 'get' + }) +} + +// 新增推荐表 +export function addRecommend(data) { + return request({ + url: '/system/recommend', + method: 'post', + data: data + }) +} + +// 修改推荐表 +export function updateRecommend(data) { + return request({ + url: '/system/recommend', + method: 'put', + data: data + }) +} + +// 删除推荐表 +export function delRecommend(id) { + return request({ + url: '/system/recommend/' + id, + method: 'delete' + }) +} diff --git a/src/api/system/shopcar.js b/src/api/system/shopcar.js new file mode 100644 index 0000000..db8323f --- /dev/null +++ b/src/api/system/shopcar.js @@ -0,0 +1,44 @@ +import request from '@/utils/request' + +// 查询购物车列表 +export function listShopcar(query) { + return request({ + url: '/system/shopcar/list', + method: 'get', + params: query + }) +} + +// 查询购物车详细 +export function getShopcar(id) { + return request({ + url: '/system/shopcar/' + id, + method: 'get' + }) +} + +// 新增购物车 +export function addShopcar(data) { + return request({ + url: '/system/shopcar', + method: 'post', + data: data + }) +} + +// 修改购物车 +export function updateShopcar(data) { + return request({ + url: '/system/shopcar', + method: 'put', + data: data + }) +} + +// 删除购物车 +export function delShopcar(id) { + return request({ + url: '/system/shopcar/' + id, + method: 'delete' + }) +} diff --git a/src/assets/images/login-background2.jpg b/src/assets/images/login-background2.jpg index 6ae13ae..14a7cb6 100644 Binary files a/src/assets/images/login-background2.jpg and b/src/assets/images/login-background2.jpg differ diff --git a/src/assets/styles/variables.module.scss b/src/assets/styles/variables.module.scss index a0c8a24..446829c 100644 --- a/src/assets/styles/variables.module.scss +++ b/src/assets/styles/variables.module.scss @@ -1,73 +1,45 @@ -// 基础颜色 -$blue: #87ceeb; // 天空蓝 -$light-blue: #b3e5fc; // 更浅的天蓝色 -$red: #ff69b4; // 草莓红 -$pink: #ff87ce; // 樱桃粉 -$green: #90ee90; // 淡绿色 -$tiffany: #7bf2b3; // 蒂芙尼蓝 -$yellow: #f4d03f; // 柠檬黄 -$panGreen: #90ee90; // 淡绿色 +// base color +$blue: #121c33; // 深空蓝 [ty-reference](20) +$light-blue: #4A69BD; // 稍浅的深空蓝 +$red: #D81E5B; // 深空红，带有神秘气息 +$pink: #FF7CAC; // 深空粉，柔和而神秘 +$green: #00C851; // 深空绿，象征生命与希望 +$tiffany: #21D4FD; // 深空青，如同星空中闪烁的光芒 +$yellow: #FEE440; // 深空黄，像是遥远恒星发出的光 +$panGreen: #00C851; -// 默认菜单主题风格 -$base-menu-color: #f0f0f0; // 非常浅的灰色 -$base-menu-color-active: #ffffff; // 活跃时白色 -$base-menu-background: #f0f0f0; // 背景浅灰色 -$base-logo-title-color: #333; // 标题深灰色 +// 默认菜单主题风格 - 深空神秘版 +$base-menu-color: hsla(0, 0%, 100%, .7); // 浅灰色带透明度，模拟星光 +$base-menu-color-active: #ffffff; +$base-menu-background: #0f1a2b; // 深空背景色 +$base-logo-title-color: #e0e0e0; // 类似于银河中的微光 -$base-menu-light-color: rgba(0, 0, 0, 0.6); // 深一点的浅灰色 -$base-menu-light-background: #ffffff; // 亮背景白色 -$base-logo-light-title-color: #333; // 亮标题深灰色 +$base-menu-light-color: rgba(255, 255, 255, 0.8); +$base-menu-light-background: #1d2b44; +$base-logo-light-title-color: #e0e0e0; -$base-sub-menu-background: #e0e0e0; // 子菜单背景浅灰色 -$base-sub-menu-hover: #d1d1d1; // 子菜单悬停浅灰色 +$base-sub-menu-background: #121c33; +$base-sub-menu-hover: #0c192b; -// 字体 -$font-stack: '楷体', 'Comic Sans MS', cursive, sans-serif; // 使用楷体或Comic Sans字体，增加可爱感 +// 字体设置 +$body-font-family: 'Roboto', sans-serif; // 选择Roboto作为主要字体，因为它既现代又易于阅读 +$header-font-family: 'Montserrat', sans-serif; // Montserrat用于标题，增加一点优雅感 +$font-size-base: 1rem; +$line-height-base: 1.5; +$font-weight-normal: 400; +$font-weight-bold: 700; -// 主题颜色 -$--color-primary: #6495ed; -$--color-success: #4CAF50; -$--color-warning: #ffeb3b; -$--color-danger: #ff6347; -$--color-info: #9e9e9e; +// 自定义暗色菜单风格 +$--color-primary: #21D4FD; // 主要操作按钮颜色，如提交或确认 +$--color-success: #00C851; // 成功提示信息的颜色 +$--color-warning: #FFAB00; // 警告信息颜色 +$--color-danger: #D81E5B; // 错误或危险提示颜色 +$--color-info: #90CAF9; // 信息提示颜色 -$base-sidebar-width: 200px; +$base-sidebar-width: 220px; // 略增宽侧边栏以适应较大的字体尺寸 -// 可爱的动画 -@keyframes bounce { - 0%, 20%, 50%, 80%, 100% { - transform: translateY(0); - } - 40% { - transform: translateY(-10px); - } - 60% { - transform: translateY(-5px); - } -} - -// 可爱的样式 -.menu-item { - border-radius: 4px; // 圆角 - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); // 轻微的阴影 - transition: background-color 0.3s ease; // 平滑的背景颜色变化 - - &:hover { - background-color: lighten($base-menu-background, 5%); // 悬停时背景色变浅 - } - - &.active { - background-color: $base-menu-color-active; // 活跃状态的背景色 - animation: bounce 0.5s infinite; // 添加可爱的跳动动画 - } -} - -// 可爱的字体 -body { - font-family: $font-stack; -} - -// 导出变量供JS使用 +// the :export directive is the magic sauce for webpack +// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass :export { menuColor: $base-menu-color; menuLightColor: $base-menu-light-color; @@ -84,4 +56,10 @@ body { dangerColor: $--color-danger; infoColor: $--color-info; warningColor: $--color-warning; + bodyFontFamily: $body-font-family; + headerFontFamily: $header-font-family; + fontSizeBase: $font-size-base; + lineHeightBase: $line-height-base; + fontWeightNormal: $font-weight-normal; + fontWeightBold: $font-weight-bold; } \ No newline at end of file diff --git a/src/views/index.vue b/src/views/index.vue index 643d8b8..0ce6c0f 100644 --- a/src/views/index.vue +++ b/src/views/index.vue @@ -4,10 +4,9 @@

🍎 欢迎来到水果社区管理系统 🍇

-
+

今日新鲜事

查看今日水果销售情况，管理订单和库存。

- Fresh News Icon
@@ -42,18 +41,18 @@

工作计划

11月
-
11月5日，订单管理功能验收。任务，完成“订单管理”模块的功能测试与修复，确保所有关键流程正常运作，并通过内部验收。成果，提交完整的测试报告并获得产品经理批准。
-
11月18日，库存管理文档化。任务，整理并编写《库存管理模块功能说明》及相关操作指南。成果，形成技术文档并存档备案，为后续开发提供参考。
+
11月5日，订单管理功能验收...
+
11月18日，库存管理文档化...
12月
-
12月5日，新品上架功能上线。任务，实现“新品上架”页面设计及编码，优化用户体验。成果，完成内部验收并准备好市场推广所需资源。
-
12月18日，系统性能优化。任务，实施服务器负载优化措施，并进行压力测试。成果，确保平台稳定运行，出具压力测试报告。
+
12月5日，新品上架功能上线...
+
12月18日，系统性能优化...
1月
-
1月5日，春节特别版规划。任务，策划春节特别版应用更新内容，包括视觉设计和营销策略。成果，制定详细的更新计划并得到管理层认可。
-
1月18日，春节特别版发布。任务，正式推出春节特别版，并启动促销活动。成果，成功发布更新包，监控线上表现，确保服务质量和用户参与度。
+
1月5日，春节特别版规划...
+
1月18日，春节特别版发布...
@@ -69,17 +68,28 @@ \ No newline at end of file diff --git a/src/views/register.vue b/src/views/register.vue index ff5d411..7e74171 100644 --- a/src/views/register.vue +++ b/src/views/register.vue @@ -1,7 +1,7 @@ + + diff --git a/src/views/system/shopcar/index.vue b/src/views/system/shopcar/index.vue new file mode 100644 index 0000000..0f66937 --- /dev/null +++ b/src/views/system/shopcar/index.vue @@ -0,0 +1,279 @@ + + +