【文件属性】:
文件名称:微信小程序实现多折叠展开酷炫菜单
文件大小:68KB
文件格式:PDF
更新时间:2021-03-29 17:41:14
微信,小,程序,实现,多,折叠,展开,酷炫,菜单,
在另一篇文章《2018年设计趋势指南》中发现一款菜单不错,就想着用微信小程序实现
先把成果摆上来
(此图片来源于网络,如有侵权,请联系删除! )
开始正题
上方Nav
基本 flex 布局再加个 padding 不需要多讲吧?
提一下,微信小程序里input的placeholder样式是写在 placeholder-style 里或使用 placeholder-class
下方菜单
每个小卡片遵从 flex 布局,设置 width: 50% ,别忘了 flex-wrap: wrap
每个小卡片内部同为 flex 布局并设置垂直居中,想了想还是科普下:
.main-view-item{