Files
lilishop-ui/buyer/src/components/drawer
田香琪 106e059d1a refactor: 统一组件导入与消息提示方式
- 将多个组件中的 require 替换为 import,提升代码一致性。
- 更新消息提示方式,使用统一的 Message 和 Modal 组件,增强用户体验。
- 调整部分组件的样式和逻辑,确保界面一致性与可读性。
2026-07-08 18:36:06 +08:00
..
2021-05-13 10:56:04 +08:00
2021-05-13 10:56:04 +08:00
2026-06-05 17:49:43 +08:00

右侧侧边栏组件

基于 Element Plus el-drawer 封装的右侧悬浮栏。

项目结构

  • Main.vue — 挂载右侧横栏的容器
  • Drawer.vue — 横栏展开后的内容面板
  • config.js — 尺寸与菜单配置

config 设置

/**
 * menuList  菜单项列表
 * display   是否显示该项
 * badge     徽标数字
 * titleShow 是否显示标题
 */
width: 50,
menuList: [{ icon: '...' }]

功能模块

账户信息、购物车、我的订单、优惠券、我的资产、我的足迹、我的收藏、邮箱订阅

使用

在页面中注册全局组件 <drawer /> 即可(已在 global.js 中注册)。