可视化大屏项目适配 vue（方案一）
选择的适配方案
设计稿是1920px
flexible.js 把屏幕分为 10 等份 ( flexible.js 中可修改 ，默认为 10 )
image.png
新建 vue 项目，项目目录如下
image.png
src / assets 文件下创建一个新的文件夹 css， css 文件夹下新建一个base.css文件用于定义全局样式
html,
body,
前端
css实现椭圆绕圈动画
1.实现效果
raoqiu.gif
2.实现原理
2.1 box-shadow
box-shadow属性可以设置一个或多个下拉阴影的框。
boxShadow 属性把一个或多个下拉阴影添加到框上。该属性是一个用逗号分隔阴影的列表，每个阴影由 2-4 个长度值、一个可选的颜色值和一个可选的 inset 关键字来规定。省略长度的值是 0。
语法：
box-shadow: h-shado
小程序的生命周期函数
onLoad : 页面加载时触发。一个页面只会调用一次，可以在 onLoad（）的参数中获取打开当前页面路径中的参数
onShow : 页面显示 / 切入前台时触发调用。
onReady : 页面初次渲染完成时触发,一个页面只会调用一次。
onHide : 页面隐藏 / 切入后台时触发，如 navigateTo 或底部tab切换到其他页面，小程序切入后台等
onUnload : 页面卸载
flex布局属性简介
flex-direction：设置主轴的方向（即项目的排列方向）。
内有四个值:
row（默认值）：主轴为水平方向，起点在左端。
row-reverse：主轴为水平方向，起点在右端。
column：主轴为垂直方向，起点在上沿
column-reverse：主轴为垂直方向，起点在下沿
justify-content：设置主轴上的子元素排列方式。
内有五个值:
fl
Vue接口调用方式（一）fetch用法
✍目录总览：
1. fetch概述
基本特性
fetch是传统ajax的升级版本，是原生js
更加简单的数据获取方式，功能更强大，更灵活，可以看作是xhr的升级版。
基于Promise实现
语法结构
fetch(url).thne(fn2)
.thne(fn3)
...
.then(fn)
2. fetch的基本用法
