乐百川

关注

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

乐百川

关注

阅读 50

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 38 0 0

兔八哥软件爱分享

重读vue电商网站30之左侧菜单栏图标设计

兔八哥软件爱分享 75 0 0

青青子衿谈育儿

重读vue电商网站10之表格展开页

青青子衿谈育儿 58 0 0

Ad大成

重读vue电商网站35之在sessionStorage保存左侧菜单栏的激活状态

Ad大成 86 0 0

kiliwalk

重读vue电商网站34之侧边栏路由改造

kiliwalk 83 0 0

言午栩

重读vue电商网站25之保存token

言午栩 122 0 0

eelq

重读vue电商网站24之配置axios

eelq 72 0 0

攻城狮Chova

重读vue电商网站44之使用 echarts

攻城狮Chova 64 0 0

静悠

jquery学习笔记:折叠菜单栏

静悠 57 0 0

律楷粑粑

重读vue电商网站47之生成打包报告

律楷粑粑 103 0 0

精彩评论(0)

0 0 举报