zoukankan      html  css  js  c++  java
  • 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

      

    做出来大概是这个效果

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

  • 相关阅读:
    recyclerView DiffUtil使用
    RecyclerView实现侧滑删除、置顶、滑动
    Android RecyclerView
    视频框架 Vitamio使用
    react native初始化项目
    react native环境搭建
    javascript Promise
    javascript 基础
    [IOS学习笔记]KVO
    [IOS学习笔记] UINavigationController Demo
  • 原文地址:https://www.cnblogs.com/liuxin-673855200/p/11008502.html
Copyright © 2011-2022 走看看