JohnieXu / vant-weapp

基于有赞vant-weapp的小程序项目

基于有赞vant-weapp的小程序项目

请用微信扫码预览

1 使用步骤

1.1 启动API接口服务

npm i
npm run server

或者用yarn

yarn
yarn server

yarn server此步可以跳过，暂时不考虑用本地mock的接口服务

1.2 进入小程序IDE

小程序项目配置如下

记得一定勾选使用 npm 模块 和 不校验合法域名、

1.3 构建小程序npm

如果项目目录的miniprogram_npm目录不存在，则执行工具/构建npm 构建小程序直接依赖的npm包

若启动项目报如下错误，则手动拷贝 node_modules/crypto-js/ 目录下全部文件（index.js 文件除外）至 miniprogram_npm/crypto-js/ 目录（具体原因见问题链接）

1.4 添加编译模式

项目中API接口区分了正式站接口和开发环境mock数据，需要添加自定义的编译模式进行环境判断，启动参数必须为env=dev方可使用本地mock数据

1.5 项目启动完成

到此项目就已经成功启动，会看到项目首页如下：

2 功能预览

2.1 自定义对话框

2.2 优酷小程序 tab 页

2.3 小程序功能引导页

3 QA

3.1 关于优酷小程序 tab 页不可见

由于微信限制个人小程序提供视频服务，暂时注释掉跳转优酷应用的逻辑，克隆此仓库代码并在 app.json 的 subpackages 配置项中追加以下内容即可本地预览

  {
    "root": "youku",
    "name": "youku",
    "pages": [
      "pages/index/index",
      "pages/webview/webview"
    ]
  }