重读vue电商网站32之让菜单栏展开与折叠-CFANZ编程社区

重读vue电商网站32之让菜单栏展开与折叠

乐百川

阅读 49

2022-06-11

通过点击一个按钮，让侧边栏进行展开与折叠。通过 isCollapse 的值来动态变化侧边栏的宽度。

其中 cursor: pointer 设置是为了让鼠标放在折叠与展开处会有一个手指指向。
letter-spacing: 0.2em 是为了让 ||| 有一定间隔
重读vue电商网站32之让菜单栏展开与折叠_侧边栏

重读vue电商网站32之让菜单栏展开与折叠_侧边栏_02

重读vue电商网站32之让菜单栏展开与折叠_侧边栏_03

重读vue电商网站32之让菜单栏展开与折叠_侧边栏_04

相关推荐
Just_Esme
 重读vue电商网站31之左侧菜单栏图标设计
Just_Esme 37 0 0
兔八哥软件爱分享
 重读vue电商网站30之左侧菜单栏图标设计
兔八哥软件爱分享 73 0 0
青青子衿谈育儿
 重读vue电商网站10之表格展开页
青青子衿谈育儿 55 0 0
Ad大成
 重读vue电商网站35之在sessionStorage保存左侧菜单栏的激活状态
Ad大成 85 0 0
kiliwalk
 重读vue电商网站34之侧边栏路由改造
kiliwalk 81 0 0
eelq
 重读vue电商网站24之配置axios
eelq 72 0 0
攻城狮Chova
 重读vue电商网站44之使用 echarts
攻城狮Chova 62 0 0
言午栩
 重读vue电商网站25之保存token
言午栩 122 0 0
静悠
 jquery学习笔记：折叠菜单栏
静悠 55 0 0
拾杨梅记
 重读vue电商网站7之登录预校验
拾杨梅记 49 0 0

精彩评论（0）