63 lines
1.4 KiB
Markdown
63 lines
1.4 KiB
Markdown
# 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 文件，后面自动化部署等直接用即可
|