ppnwsfegt
|
88645eb6f3
|
Merge pull request '完成头部区域面包屑导航栏的制作' (#19) from Brunch_LPQ into main
|
2 months ago |
riverflow
|
3e678c1fb3
|
在layout.header文件夹中创建BreadCrumb.vue文件
通过Element-plus导入面包屑导航
在BreadCrumb.vue文件中引入当前路由,实现路由地址控制面包屑导航
使用watch监听路由path
当path发生变化时,调用getBrandCrumb函数
点击的第一条数据不是首页时,需要构造首页路径
在getBrandCrumb函数中添加if判断
onMounted函数实现当组件首次加载时,根据当前路由路径生成面包屑导航
|
2 months ago |
riverflow
|
8b3d006feb
|
Merge branch 'main' of https://bdgit.educoder.net/ppnwsfegt/WXCampusFoodOrdering into Brunch_LPQ
|
2 months ago |
pikvyz67s
|
b39a526efa
|
Merge pull request '首页瀑布流制作' (#18) from Brunch_DBK into main
|
2 months ago |
Suk1No
|
c9fc46452e
|
首页瀑布流制作
|
2 months ago |
riverflow
|
43d29b8b66
|
在路由中为每个菜单选项添加title
|
2 months ago |
ppnwsfegt
|
8f4406d300
|
Merge pull request '完成用户头像下拉菜单退出登录模块前端' (#17) from Brunch_LPQ into main
|
2 months ago |
riverflow
|
05835142af
|
在资源文件夹中导入user.png图片,作为用户的头像
在LoginOut.vue文件中通过Elemnt-plus添加下拉菜单组件
将下拉菜单组件中多余部分注释掉
用用户头像替换掉下拉菜单提示文字
为其设置样式
|
2 months ago |
ppnwsfegt
|
590c515636
|
Merge pull request '补充头部区域收缩组件功能(标题文字的显示&隐藏)' (#16) from Brunch_LPQ into main
|
2 months ago |
riverflow
|
c03731ff32
|
在MenuLogo.vue中解决当菜单栏收缩时,标题文字不收缩的问题
添加show变量,通过布尔值控制文字显示
通过watch监听show变量值的变化,实现延时函数,美化标题收缩效果
|
2 months ago |
riverflow
|
47c6c8c86f
|
Merge branch 'main' of https://bdgit.educoder.net/ppnwsfegt/WXCampusFoodOrdering into Brunch_LPQ
|
2 months ago |
pikvyz67s
|
98cfdd70c9
|
Merge pull request '新增首页轮播图(推荐菜品)' (#15) from Brunch_DBK into main
|
2 months ago |
Suk1No
|
dd7bb97b4b
|
新增首页轮播图(推荐菜品)
|
2 months ago |
pikvyz67s
|
3741e2afe5
|
Merge pull request '安装Uview组件 并测试是否有效' (#14) from Brunch_DBK into main
|
2 months ago |
Suk1No
|
6c74c30e6e
|
安装uview组件 并测试是否有效
|
2 months ago |
riverflow
|
cb1da2faf6
|
在layout.Menu.vue文件中,为menu添加收缩属性collapse
属性值需要通过store.collapse获取
引入store.collapse,通过getCollapse获取状态属性值(true/false)
传递给collapse实现菜单的收缩
|
2 months ago |
pikvyz67s
|
b91541711f
|
Merge pull request '配置tabBar图标(选中|未选中)' (#12) from Brunch_DBK into main
|
2 months ago |
ppnwsfegt
|
51e436f1fb
|
Merge pull request '完成头部区域收缩图标动态组件的功能实现' (#13) from Brunch_LPQ into main
|
2 months ago |
riverflow
|
3e93e011b1
|
在store文件夹中,创建collapse文件夹,以及index.ts文件
配置index.ts文件,存储一个布尔值,用来控制图标变化
在vite-env.d.ts文件中配置store的导出
在layout.header/Collapse.vue中,添加动态组件
通过动态组件,实现图标点击事件
为图标添加点击事件,点击后store中存储的值取反,结合动态组件改变图标状态
ps:使用动态组件时,需要局部引入图标
|
2 months ago |
Suk1No
|
6f762e3f53
|
修改tabBar图标(选中|未选中)
|
2 months ago |
riverflow
|
226956648c
|
Merge branch 'main' of https://bdgit.educoder.net/ppnwsfegt/WXCampusFoodOrdering into Brunch_LPQ
|
2 months ago |
ppnwsfegt
|
c05aec1925
|
Merge pull request '配置小程序底部tabbar' (#11) from Brunch_DBK into main
|
2 months ago |
Suk1No
|
67bc5af13e
|
配置小程序底部tabbar
|
2 months ago |
riverflow
|
0039a33026
|
在layout文件夹中创建header文件夹,用来存放header区域相关组件
在header文件夹中新建Header.vue、Collapse.vue、LoginOut.vue文件
分别对应头部整体区域、收缩按钮组件、退出登录组件
将Collapse.vue、LoginOut.vue引入Header.vue
为Header.vue配置样式
在layout.Index.vue主页引入Header.vue
对Index.vue中的header区域添加样式,分隔收缩图标和退出登录
|
2 months ago |
ppnwsfegt
|
bceee81b59
|
Merge pull request '完成首页配置,实现自动跳转首页' (#10) from Brunch_LPQ into main
|
2 months ago |
riverflow
|
c35f0cfdb4
|
在index.html文件中修改title为校园点餐系统
在路由router.index.ts中配置自动跳转到首页
通过redirect: '/dashboard'实现首页自动跳转
在views文件夹中创建首页文件夹dashboard以及Index.vue
修改菜单layout.Menu.vue,增加首页选项
|
2 months ago |
ppnwsfegt
|
7e0acb441e
|
Merge pull request '完成菜单六个选项的页面创建与路由配置' (#9) from Brunch_LPQ into main
|
2 months ago |
riverflow
|
6b88c8cf43
|
通过获取当前路由路径,传递给default-active
绑定active
实现路由路径对应选项获得active
|
2 months ago |
riverflow
|
43604adc9b
|
在Layout.Index.vue文件中,
修改main区域内容
通过router-view将路由跳转后的页面内容引入到main区域
(测试发现,点击不同选项后,main区域显示选项对应文字---测试通过)
|
2 months ago |
riverflow
|
30f74be127
|
为六个选项的Index.vue文件创建框架
在Menu.vue文件中,启用router属性
将每一个选项的index作为路由路径,实现path跳转
(测试发现,路径发生变化---测试通过)
|
2 months ago |
riverflow
|
8f7bae73ca
|
Merge branch 'main' of https://bdgit.educoder.net/ppnwsfegt/WXCampusFoodOrdering into Brunch_LPQ
|
2 months ago |
riverflow
|
1c92fe013c
|
在路由router文件夹下,为菜单栏中的六个选项分别配置路由
(涉及promise类型定义,在vite-env.d.ts文件中更新promise声明)
创建views文件夹,在该文件夹下分别创建六个选项对应的文件夹,用来管理各自页面
在六个选项对应的文件夹下分别创建Index.vue文件,实现选项首页框架
|
2 months ago |
ppnwsfegt
|
9b71d046f9
|
Update README.md
|
2 months ago |
riverflow
|
45852a18a8
|
index.ts文件中 name中home大小写错误,第32次提交之前为大写
|
2 months ago |
ppnwsfegt
|
7af6e6d3ef
|
Merge pull request '完成项目logo和title,引入菜单栏,完善菜单搭建' (#8) from Brunch_LPQ into main
|
2 months ago |
riverflow
|
7fafbc75e4
|
创建MenuLogo文件
存放项目logo和title
并为其设置样式
将MenuLogo文件引入到Menu中
将logo和title放置在menu菜单栏顶部
调整适应样式
|
2 months ago |
ppnwsfegt
|
537e233046
|
Merge pull request '完成左侧菜单栏的搭建' (#7) from Brunch_LPQ into main
|
2 months ago |
riverflow
|
07d3330a4f
|
为Menu.vue中菜单栏选项添加样式
增加选项鼠标悬停样式和被选中样式
在Index.vue中修改aside背景色和宽度
适应Menu菜单
|
2 months ago |
riverflow
|
74ee36fc8c
|
创建Menu.vue文件,通过Element-plus导入菜单框架,增删属性
局部引入菜单栏中所有选项的图标
将Menu.vue引入到Index.vue中
放在侧边栏aside中
注释掉侧边栏aside测试用背景色
|
2 months ago |
ppnwsfegt
|
85228a811b
|
Merge pull request '完成主界面框架的搭建' (#6) from Brunch_LPQ into main
|
2 months ago |
riverflow
|
813c207ecd
|
清空内外边距,完成主界面布局
|
2 months ago |
riverflow
|
9d3648437a
|
测试发现,虽然引入成功,但是高度属性存在问题
在index.html中为html,body,#app配置高度样式解决问题
(问题解决)
|
2 months ago |
riverflow
|
7f2b5780be
|
在Index.vue中给首页框架添加测试属性,
将index.ts中挂载的HelloWorld.vue切换至Index.vue,测试首页框架是否引入成功
(测试结果—修改成功)
|
2 months ago |
riverflow
|
f931698e05
|
创建layout文件夹,创建index.vue文件,通过Element-plus导入首页框架
|
2 months ago |
ppnwsfegt
|
a8f2acc6b6
|
Merge pull request '配置pinia,导入HelloWorld.vue测试(测试通过)' (#5) from Brunch_LPQ into main
|
2 months ago |
riverflow
|
a2a79573aa
|
修改逻辑,通过vue显式导入computed来获取store中count的值
|
2 months ago |
riverflow
|
ef83c1c796
|
给按钮添加点击事件,测试修改store里面的值
(测试结果—修改成功)
|
2 months ago |
riverflow
|
fc33bec564
|
在HelloWorld.vue中导入store,并获取store,测试引入是否成功
(测试结果—引入成功)
|
2 months ago |
ppnwsfegt
|
1c479991e9
|
Merge pull request '安装pinia,定义了一个 Pinia store' (#4) from Brunch_LPQ into main
|
2 months ago |
riverflow
|
ea6b7fbb6f
|
创建store文件夹,定义了一个 Pinia store,用于在 Vue 应用中管理共享状态
|
2 months ago |