Sen descrición

Burt b3f485ffd0 chore: add TODO %!s(int64=2) %!d(string=hai) anos
.husky e9602040a5 build: husky + lint-staged + commitlint %!s(int64=2) %!d(string=hai) anos
.vscode a6435acf98 build(vscode): add recommend extensions %!s(int64=2) %!d(string=hai) anos
env b3f485ffd0 chore: add TODO %!s(int64=2) %!d(string=hai) anos
screenshots e2b9eceb00 chore: delete app 打包截图 %!s(int64=2) %!d(string=hai) anos
src 6a582f0a57 feat(manifest): 读取env 配置 %!s(int64=2) %!d(string=hai) anos
.editorconfig 47c8ac2b5d build(prettier): add .prettierrc.js %!s(int64=2) %!d(string=hai) anos
.eslintrc.cjs 992df91a05 feat: 大转盘抽奖 %!s(int64=2) %!d(string=hai) anos
.gitignore a1f2bef5d1 build: 配置文件一点小优化 %!s(int64=2) %!d(string=hai) anos
.npmrc 11629b2c11 build(.npmrc): add .npmrc & pnpm i %!s(int64=2) %!d(string=hai) anos
.prettierrc.cjs c51e7181f8 chore: test file %!s(int64=2) %!d(string=hai) anos
.stylelintrc.cjs bf8d8f8e68 feat: 动态时钟 %!s(int64=2) %!d(string=hai) anos
LICENSE 91a50eb764 Create LICENSE %!s(int64=2) %!d(string=hai) anos
README.md 983bd814fb docs(readme): 编写todolist %!s(int64=2) %!d(string=hai) anos
commitlint.config.cjs e9602040a5 build: husky + lint-staged + commitlint %!s(int64=2) %!d(string=hai) anos
index.html 0600f6aeb0 build: 优化title配置 %!s(int64=2) %!d(string=hai) anos
manifest.config.ts 6a582f0a57 feat(manifest): 读取env 配置 %!s(int64=2) %!d(string=hai) anos
package.json 47b85322ba feat: 先去掉 vite-plugin-imagemin, 很多人安装失败 %!s(int64=2) %!d(string=hai) anos
pages.config.ts 81c85b5e35 feat: 同时支持h5和weixin的导航栏渐变 %!s(int64=2) %!d(string=hai) anos
pnpm-lock.yaml 47b85322ba feat: 先去掉 vite-plugin-imagemin, 很多人安装失败 %!s(int64=2) %!d(string=hai) anos
shims-uni.d.ts a1f2bef5d1 build: 配置文件一点小优化 %!s(int64=2) %!d(string=hai) anos
tsconfig.json a266441305 build(uni-helper): 引入 @uni-helper/uni-cloud-types 云开发类型 %!s(int64=2) %!d(string=hai) anos
uni-pages.d.ts c71d3b3053 feat: 图片压缩范例 %!s(int64=2) %!d(string=hai) anos
uno.config.ts 3c6321ad88 fix(unocss): 处理unocss在小程序中报错 %!s(int64=2) %!d(string=hai) anos
vite.config.ts b3f485ffd0 chore: add TODO %!s(int64=2) %!d(string=hai) anos

README.md

vue3-uniapp-template

特性

业务功能 TODO LIST

  • 页面下拉刷新(全局+局部)
  • 页面上拉加载
  • 导航栏返回or去首页
  • 导航栏渐变(微信+h5)
  • 自定义导航栏顶部机型适配
  • 微信小程序分享(好友+朋友圈)
  • 微信登录
  • 微信一键登录(基于手机号)
  • 仿BOSS直聘-个人中心
  • 仿华为商城-个人中心
  • 页面悬浮球(floating bubble)
  • 多tab列表功能
  • 瀑布流
  • 头像上传
  • 图片剪辑
  • 抽奖-九宫格抽奖
  • 抽奖-大转盘抽奖
  • 仿网易云音乐APP(独立项目)

环境

  • pnpm>=8.12
  • node>=18

拉取代码

  • git 拉取

    • github:git clone https://github.com/fly-vue3-templates/vue3-uniapp-template fly-uniapp

    • gitee:git clone https://gitee.com/fly-vue3-templates/vue3-uniapp-template.git fly-uniapp

  • degit 拉取(不包含git,需要自己git init)

    • npx degit https://github.com/fly-vue3-templates/vue3-uniapp-template fly-uniapp

    • npx degit https://gitee.com/fly-vue3-templates/vue3-uniapp-template fly-uniapp

  • github template Github template

运行

  • web平台: pnpm dev:h5, 然后打开 http://localhost:9000/
  • weixin平台:pnpm dev:mp-weixin 然后打开微信开发者工具,导入本地文件夹,选择本项目的dist/dev/mp-weixin 文件。

发布

  • web平台: pnpm build:h5,打包后的文件在 dist/build/h5,可以放到web服务器,如nginx运行。如果最终不是放在根目录,可以在 vite.config.tsbase 属性进行配置。vite官网 vite.base
  • weixin平台:pnpm build:h5, 打包后的文件在 dist/build/mp-weixin,然后通过微信开发者工具导入,并点击右上角的“上传”按钮进行上传。

最佳推荐

  • 无登录+无tabbar
  • 无登录+有tabbar
  • 有登录+无tabbar
  • 有登录+有tabbar

注意事项

暂不支持APP,尝试过程见 README.issue.md 文件。