vant weapp 下拉_wepy+vant-weapp踩坑记

最近用了几个月的wepy框架，碰到了挺多问题，这里总结一下

1.clone的代码无法再本地运行，wepy报错

解决方案：

执行命令 ： `npm install wepy-cli@1.6.1-alpha4 -g`

2.使用vant ui框架时 custom-class中定义的 样式类不生效。

解决方案 ：在style标签中 取消scoped 属性。

3.分包问题

在构建项目时一定要提前打好分包。 小程序分包的限制为2M ，总项目大小不能超过8M，那么就是3个分包和一个主包。

vant-weapp的大小为1.3M左右。各种图片资源也占了不少地方。我还引进了echarts的图表组件，大概0.7M，腾讯地图cdk .2M

解决方案：

建议静态的资源单独放在一个分包中，图片资源放在服务器上，onload时加载。      tabbar的页面必须放在主包中。各种封装的公共api放在主包中。不同的模块放在分包中

大体目录如下：

src

---components   //组件

---config    //打包及基础配置

---pages  //页面

--main  //login及tabbar页面

--packageA //存放一些静态文件和外部文件

--packageB //模块1

--packageC//模块2

--index.wpy//开发时的入口文件

---servers//封装 request 请求 阿里云网关加密方法 通用的api等等

---store//redux的store

---app.wpy //设置globalData    全局的app.json  也可以设置拦截器(wepy提供的拦截器)

4.自定义的tabbar

微信小程序不推荐自定义的tabbar

如果自己开发一个tabbar的组件 在页面中引入的话，由于是跳页的问题，tabbar会闪一下，对客户的体验不好

这里提供一个 tabbar的解决方案：

思路：自定义的tabbar和官方的tabbar同时存在，在页面的onShow时隐藏官方的tabbar

具体实现参考这篇文章https://www.cnblogs.com/yk95/p/9597493.html

做出来大概是这个效果

今天先到这里吧，有空再更了