vue_ts_large_scale/README.md

1.4 KiB
Raw Permalink Blame History

vue-pinia 看板 scale 布局

欢迎使用 bunny-cli。

这个项目模板只涉及 scale不涉及其它内容。

路由相关

  • 目前打包为了适应 apk 所以打包路由使用的是 hash 路由如果没有这方面需求,同时也不需要 hash 路由需要在router/index.ts下删除。

安装的包

  1. 使用v-scale-screen
  2. 去除了postcss.config.js

优缺点

优点

  1. 开发容易。
  2. 同比例放大,完美还原设计稿。

缺点

  1. 文字易模糊。

  2. 如果不是 16:9 的屏幕下会有留白;但是是 100%按照设计稿进行。

  3. 如果地图点击事件等会有热区事件失踪。

注意事项

目录结构

├─api
│  ├─v1
│  └─v2
├─assets
│  ├─css
│  │  └─common
│  └─images
│      └─tip
├─component
│  └─table
├─lib
├─router
├─store
├─utils
└─views

打包成 apk

  1. 如果需要打包成 apk要将路由改为 hash 路由。
  2. 打包成 apk 将公共路径改为./
  3. 打包成 apk需要考虑跨域跨域由于打包时没有 NGINX 做代理,所以无法完成,只能后端做跨域,否则接口访问不到。
  4. 要设置 APPID因为 HBuilderX 必须要获取。

docker 配置

默认配置中已经集成了 NGINX 和 dockfile 文件,后面自动化部署等直接用即可