mirror of
https://gitee.com/beijing_hongye_huicheng/lilishop-ui.git
synced 2026-11-07 09:28:53 +08:00
- 将多个组件中的 require 替换为 import,提升代码一致性。 - 更新消息提示方式,使用统一的 Message 和 Modal 组件,增强用户体验。 - 调整部分组件的样式和逻辑,确保界面一致性与可读性。
右侧侧边栏组件
基于 Element Plus el-drawer 封装的右侧悬浮栏。
项目结构
Main.vue— 挂载右侧横栏的容器Drawer.vue— 横栏展开后的内容面板config.js— 尺寸与菜单配置
config 设置
/**
* menuList 菜单项列表
* display 是否显示该项
* badge 徽标数字
* titleShow 是否显示标题
*/
width: 50,
menuList: [{ icon: '...' }]
功能模块
账户信息、购物车、我的订单、优惠券、我的资产、我的足迹、我的收藏、邮箱订阅
使用
在页面中注册全局组件 <drawer /> 即可(已在 global.js 中注册)。