完成头部区域收缩图标动态组件的功能实现

Conversation 0 Commits 3 Files Changed 6

Author	SHA1	Message	Date
riverflow	3e93e011b1	在store文件夹中，创建collapse文件夹，以及index.ts文件配置index.ts文件，存储一个布尔值，用来控制图标变化在vite-env.d.ts文件中配置store的导出在layout.header/Collapse.vue中，添加动态组件通过动态组件，实现图标点击事件为图标添加点击事件，点击后store中存储的值取反，结合动态组件改变图标状态 ps：使用动态组件时，需要局部引入图标	5 months ago
riverflow	226956648c	Merge branch 'main' of https://bdgit.educoder.net/ppnwsfegt/WXCampusFoodOrdering into Brunch_LPQ	5 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区域添加样式，分隔收缩图标和退出登录	5 months ago

Author

SHA1

Message

Date

riverflow

3e93e011b1

在store文件夹中，创建collapse文件夹，以及index.ts文件

配置index.ts文件，存储一个布尔值，用来控制图标变化

在vite-env.d.ts文件中配置store的导出

在layout.header/Collapse.vue中，添加动态组件
通过动态组件，实现图标点击事件

为图标添加点击事件，点击后store中存储的值取反，结合动态组件改变图标状态

ps：使用动态组件时，需要局部引入图标

riverflow

226956648c

Merge branch 'main' of https://bdgit.educoder.net/ppnwsfegt/WXCampusFoodOrdering into Brunch_LPQ

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区域添加样式，分隔收缩图标和退出登录

完成头部区域收缩图标动态组件的功能实现 #13

3 Commits (main)