博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
wepy+vant-weapp踩坑记
阅读量:6857 次
发布时间:2019-06-26

本文共 970 字,大约阅读时间需要 3 分钟。

最近用了几个月的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/liuxin-673855200/p/11008502.html

你可能感兴趣的文章
Talos实验室深入我国DDoS黑市DuTe 揭露各种DDoS团伙、平台、工具及攻击
查看>>
明略数据首发"明智系统" 吴明辉:从个体附能到全局智能
查看>>
云计算带给SaaS的机遇
查看>>
掘金全球最大商务差旅市场 SAP旗下Concur联合中数通进军中国
查看>>
《PIC微控制器项目设计:C语言》一1.3 总结
查看>>
程序员父亲的遗产——编程十诫
查看>>
不可不知的NAT网关的防火墙功能
查看>>
《机械制造业智能工厂规划设计》——2.2 智能工厂设计需求分析
查看>>
关于Vue.js的响应式原理
查看>>
云运维管理专项评估标准将在可信云大会推出
查看>>
大变样:Firefox新一代UI “Photon”设计曝光
查看>>
云计算、IoT和SDN为企业网带来最大的问题
查看>>
云趋势下的Windows平台:生存并快乐着
查看>>
不要再在JavaScript中写 CSS了
查看>>
Gartner:云安全进入高速发展期
查看>>
云存储能否成为数据安全灵药?几个角度全方位剖析
查看>>
未来几年SDN将进一步提升云服务利润率
查看>>
手把手教你用 Python 和 Scikit-Learn 实现垃圾邮件过滤
查看>>
Hinton亲自讲解迄今未发表工作:胶囊理论的核心概念到底是什么?
查看>>
公开课总结发布《云数据库实现原理和海量运维方法》
查看>>