效果图
底部导航的切换效果,首页和我的页面切换的时候走在底部导航,而分类和购物车页面切换会跳转新页面。如果使用【微信原生的底部tab】[1]是没法实现这个效果的,这里使用了【Tabbar 标签栏】[2]实现。
安装 vant-weapp
参考 【快速上手】[3]
1.在项目根目录,使用 npm
安装 vant-weapp
:
# 通过 npm 安装npm i @vant/weapp -S --production
2.在微信开发者工具点击 工具 -> 构建 npm
,并勾选 使用 npm 模块
选项,构建完成后,即可引入组件。3.使用组件,·以 Button<