Skip to content

JohnieXu/vant-weapp

Repository files navigation

基于有赞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包

构建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"
    ]
  }

About

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

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published