如何建立外贸网站并利用移动开发技术进行优化?

摘要:移动 开发 网站建设,建个网站做外贸,做中考试卷的网站,滨州网站定制前言:我是自己最近写项目用到的,我做个整理; 一. 基本使用 1.具有大小(宽高)的div ,id唯一; 例如: <div id"crewE
移动 开发 网站建设,建个网站做外贸,做中考试卷的网站,滨州网站定制前言:我是自己最近写项目用到的,我做个整理; 一. 基本使用 1.具有大小(宽高)的div ,id唯一; 例如: div idcrewEchart/div 2.在项目中引入: import * as echarts from echarts; 3.写一个关于他的方法,在mounted的时候调用: moun…前言:我是自己最近写项目用到的,我做个整理; 一. 基本使用 1.具有大小(宽高)的div ,id唯一; 例如: div idcrewEchart/div 2.在项目中引入: import * as echarts from echarts; 3.写一个关于他的方法,在mounted的时候调用: mounted() {this.setEcharts()//你自己起一个功能相关的名字就行;} 4.在methods中写他的配置项: methods:{setWarnEcharts(){}, } 二.配置项 以折线图为例: 1.图: 2.代码:  methods:{setWarnEcharts(){let xLabel [9:00, 10:00, 11:00, 12:00, 13:00, 14:00, 15:00, 16:00, 17:00] let online [180, 203, 198, 190, 198, 201, 190, 198, 190] let sum [200, 210, 215, 204, 210, 209, 210, 215, 204,]option {title: {text: 设备数量(单位:台),top: 10,right: 4%,bottom: 2%,textStyle: {color: #0099FF,fontSize: 12,fontFamily: Microsoft YaHei}},grid: {top: 50,left: 6%,right: 5%,bottom: 8%,containLabel: true},tooltip: {trigger: axis,backgroundColor:transparent,axisPointer: {lineStyle: {type: solid,width: 3,color: {type: linear,x: 0,y: 0,x2: 0,y2: 1,colorStops: [{offset: 0,color: rgba(126,199,255,0) // 0% 处的颜色}, {offset: 0.5,color: rgba(126,199,255,1) // 100% 处的颜色}, {offset: 1,color: rgba(126,199,255,0) // 100% 处的颜色}],global: false // 缺省为 false}},},formatter: (p) {let dom div stylewidth: 100px;height: 50px;;color:#fff;position: relative;svg styleposition: absolute;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%); classsvg xmlnshttp://www.w3.org/2000/svg width100 height71 viewBox0 0 84 55defsstyle.cls-1 {fill: #07172c;fill-opacity: 0.8;stroke: #a7d8ff;stroke-linejoin: round;stroke-opacity: 0.2;stroke-width: 1px;fill-rule: evenodd;}/style/defspath id矩形_419 data-name矩形 419 classcls-1 dM266,595h74v50H266V624.046L261,620l5-3.984V595Ztransformtranslate(-258.5 -592.5) //svgdiv stylepadding: 4px 8px 4px 14px;display: flex;justify-content: center;align-items: center;flex-direction: column;position: relative;z-index: 1;div stylemargin-bottom: 4px;width:100%;display:${p[0]?flex:none};justify
阅读全文