|
@@ -134,22 +134,10 @@ setup() {
|
|
|
|
|
|
屏幕适配方案放弃了 Vue2 版本的 rem 方案,使用更流程通用的 `css3:scale` 缩放方案,项目的基准尺寸是 `1920px*1080px`,所以支持用比例屏幕 100% 填充,如果非同比例则会自动计算比例居中填充,不足的部分则留白。实现代码在 `src/utils/userDraw.ts` 中,通过 `ref` 指向 `views/index` ,如果觉得 Vue2 版本的适配方案不能试图您的场景,则可以参考此方案进行代替。
|
|
屏幕适配方案放弃了 Vue2 版本的 rem 方案,使用更流程通用的 `css3:scale` 缩放方案,项目的基准尺寸是 `1920px*1080px`,所以支持用比例屏幕 100% 填充,如果非同比例则会自动计算比例居中填充,不足的部分则留白。实现代码在 `src/utils/userDraw.ts` 中,通过 `ref` 指向 `views/index` ,如果觉得 Vue2 版本的适配方案不能试图您的场景,则可以参考此方案进行代替。
|
|
|
|
|
|
-### 请求数据
|
|
|
|
|
|
+## 优化方向
|
|
|
|
|
|
-现在的项目未使用前后端数据请求,建议使用 axios 进行数据请求,在 main.js 位置进行全局配置。
|
|
|
|
-
|
|
|
|
-- axios 的 main.js 配置参考范例(因人而异)
|
|
|
|
-
|
|
|
|
-```js
|
|
|
|
-import axios from 'axios';
|
|
|
|
-
|
|
|
|
-//把方法放到vue的原型上,这样就可以全局使用了
|
|
|
|
-Vue.prototype.$http = axios.create({
|
|
|
|
- //设置20秒超时时间
|
|
|
|
- timeout: 20000,
|
|
|
|
- baseURL: 'http://172.0.0.1:80080', //这里写后端地址
|
|
|
|
-});
|
|
|
|
-```
|
|
|
|
|
|
+* 部分图表选择展示的内容会报错,怀疑是配置问题。
|
|
|
|
+* 地图组件由于 `Vue3` 无法直接通过 ref 取到 ECharts 组件内部函数,暂时无法实现自动轮播。
|
|
|
|
|
|
## 五、其余
|
|
## 五、其余
|
|
|
|
|