|
@@ -1,24 +1,31 @@
|
|
|
<template>
|
|
|
<div class="content">
|
|
|
<div class="map">
|
|
|
+ <span class="map-pro">四川省</span>
|
|
|
+
|
|
|
<div class="my-map">
|
|
|
<div id="myChart" :style="{width: '600px', height: '600px'}"></div>
|
|
|
</div>
|
|
|
<div class="chart">
|
|
|
- <span>四川省</span>
|
|
|
- <p>15854名优秀名师</p>
|
|
|
- <div id="Chart" :style="{width: '500px', height: '700px'}"></div>
|
|
|
+ <h1>15854</h1><h2>个</h2>
|
|
|
+ <span>名师工作室</span>
|
|
|
+ <ul>
|
|
|
+ <li><span>5215人</span><span>一线教师</span></li>
|
|
|
+ <li><span>5215个</span><span>资源</span></li>
|
|
|
+ <li><span>54546次</span><span>关注度</span></li>
|
|
|
+ </ul>
|
|
|
+ <!--<div id="Chart" :style="{width: '500px', height: '700px'}"></div>-->
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="teacher-show">
|
|
|
<div class="header">
|
|
|
- <h1 class="title ">全国名师展示</h1>
|
|
|
+ <h1 class="title ">名师展示</h1>
|
|
|
<ul class="region">
|
|
|
- <li><a href="" class="active" rel="all">全部</a></li>
|
|
|
- <li><a href="" rel="330000" class="">浙江省</a></li>
|
|
|
- <li><a href="" rel="440000" class="">广东省</a></li>
|
|
|
- <li><a href="" rel="210000" class="">辽宁省</a></li>
|
|
|
- <li><a href="" rel="350000" class="">福建省</a></li>
|
|
|
+ <li><a class="active" @click="chooseSchool()">全部</a></li>
|
|
|
+ <li><a @click="chooseSchool('zt')">紫藤小学</a></li>
|
|
|
+ <li><a @click="chooseSchool('xx')">西芯小学</a></li>
|
|
|
+ <li><a @click="chooseSchool('fc')">芳草小学</a></li>
|
|
|
+ <li><!--<a href="" rel="350000" class=""></a>--></li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<div class="select">
|
|
@@ -81,14 +88,14 @@
|
|
|
<span class="data-view-member"></span>
|
|
|
</div>
|
|
|
<p class="data-name">成员总数</p>
|
|
|
- <p class="number">579260</p>
|
|
|
+ <p class="number">57260</p>
|
|
|
</div>
|
|
|
<div class="data-item">
|
|
|
<div class="img-content">
|
|
|
<span class="data-view-article"></span>
|
|
|
</div>
|
|
|
<p class="data-name">文章总数</p>
|
|
|
- <p class="number">1561686</p>
|
|
|
+ <p class="number">15686</p>
|
|
|
</div>
|
|
|
<div class="data-item">
|
|
|
<div class="img-content">
|
|
@@ -102,14 +109,14 @@
|
|
|
<span class="data-view-resource"></span>
|
|
|
</div>
|
|
|
<p class="data-name">资源总数</p>
|
|
|
- <p class="number">1428690</p>
|
|
|
+ <p class="number">142890</p>
|
|
|
</div>
|
|
|
<div class="data-item">
|
|
|
<div class="img-content">
|
|
|
<span class="data-view-move"></span>
|
|
|
</div>
|
|
|
<p class="data-name">优课总数</p>
|
|
|
- <p class="number">234346</p>
|
|
|
+ <p class="number">23446</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -125,7 +132,7 @@
|
|
|
chart: null,
|
|
|
data: [],
|
|
|
total: 0,
|
|
|
- model1:'',
|
|
|
+ model1: '',
|
|
|
periodList: [
|
|
|
{
|
|
|
value: 1,
|
|
@@ -166,27 +173,47 @@
|
|
|
label: '生物'
|
|
|
},
|
|
|
{
|
|
|
- value:5,
|
|
|
+ value: 5,
|
|
|
label: '化学'
|
|
|
},
|
|
|
],
|
|
|
- teacherList: [
|
|
|
- { provice: '四川', subject: '语文', img: require('../../assets/image/resource/people01.jpg'), title: '省级名师', name: '周杨', period: '小学', text1: '成员', number1: '1000', text2: '资源', number2: '2000', text3: '热度', number3: '1500'},
|
|
|
- { provice: '四川', subject: '语文', img: require('../../assets/image/resource/people02.jpg'), title: '省级名师', name: '李俊峰', period: '小学', text1: '成员', number1: '1000', text2: '资源', number2: '2000', text3: '热度', number3: '1500' },
|
|
|
- { provice: '四川', subject: '语文', img: require('../../assets/image/resource/people04.jpg'),title: '省级名师', name: '王志明', period: '小学', text1: '成员', number1: '1000', text2: '资源', number2: '2000', text3: '热度', number3: '1500' },
|
|
|
- { provice: '四川', subject: '语文', img: require('../../assets/image/resource/people03.jpg'),title: '省级名师', name: '李国强', period: '小学', text1: '成员', number1: '1000', text2: '资源', number2: '2000', text3: '热度', number3: '1500' },
|
|
|
- { provice: '四川', subject: '语文', img: require('../../assets/image/resource/people05.jpg'), title: '省级名师', name: '黄明莉', period: '小学', text1: '成员', number1: '1000', text2: '资源', number2: '2000', text3: '热度', number3: '1500' },
|
|
|
- { provice: '四川', subject: '语文', img: require('../../assets/image/resource/people08.jpg'), title: '省级名师', name: '李章杰', period: '中学', text1: '成员', number1: '1000', text2: '资源', number2: '2000', text3: '热度', number3: '1500' },
|
|
|
- { provice: '四川', subject: '语文', img: require('../../assets/image/resource/people06.jpg'), title: '省级名师', name: '周湾', period: '小学', text1: '成员', number1: '1000', text2: '资源', number2: '2000', text3: '热度', number3: '1500' },
|
|
|
- { provice: '四川', subject: '语文', img: require('../../assets/image/resource/people07.jpg'), title: '省级名师', name: '徐建生', period: '中学', text1: '成员', number1: '1000', text2: '资源', number2: '2000', text3: '热度', number3: '1500' },
|
|
|
- { provice: '四川', subject: '语文', img: require('../../assets/image/resource/people09.jpg'), title: '省级名师', name: '王福生', period: '小学', text1: '成员', number1: '1000', text2: '资源', number2: '2000', text3: '热度', number3: '1500' },
|
|
|
- { provice: '四川', subject: '语文', img: require('../../assets/image/resource/people10.jpg'), title: '省级名师', name: '张凯伦', period: '小学', text1: '成员', number1: '1000', text2: '资源', number2: '2000', text3: '热度', number3: '1500' },
|
|
|
- { provice: '四川', subject: '语文', img: require('../../assets/image/resource/people13.jpg'), title: '省级名师', name: '吴世杰', period: '小学', text1: '成员', number1: '1000', text2: '资源', number2: '2000', text3: '热度', number3: '1500' },
|
|
|
- { provice: '四川', subject: '语文', img: require('../../assets/image/resource/people12.jpg'), title: '省级名师', name: '王先森', period: '中学', text1: '成员', number1: '1000', text2: '资源', number2: '2000', text3: '热度', number3: '1500' },
|
|
|
- { provice: '四川', subject: '语文', img: require('../../assets/image/resource/people11.jpg'), title: '省级名师', name: '李德华', period: '小学', text1: '成员', number1: '1000', text2: '资源', number2: '2000', text3: '热度', number3: '1500' },
|
|
|
- { provice: '四川', subject: '语文', img: require('../../assets/image/resource/people15.jpg'), title: '省级名师', name: '李萌萌', period: '小学', text1: '成员', number1: '1000', text2: '资源', number2: '2000', text3: '热度', number3: '1500' },
|
|
|
- { provice: '四川', subject: '语文', img: require('../../assets/image/resource/people14.jpg'), title: '省级名师', name: '张梦迪', period: '中学', text1: '成员', number1: '1000', text2: '资源', number2: '2000', text3: '热度', number3: '1500' },
|
|
|
- ],
|
|
|
+ teacherList: [],
|
|
|
+ teacher: {
|
|
|
+ datazt: [
|
|
|
+ { provice: '四川', subject: '语文', img: require('../../assets/image/resource/people01.jpg'), title: '省级名师', name: '周杨', period: '小学', text1: '成员', number1: '1000', text2: '资源', number2: '2000', text3: '热度', number3: '1500' },
|
|
|
+ { provice: '四川', subject: '语文', img: require('../../assets/image/resource/people02.jpg'), title: '省级名师', name: '李俊峰', period: '小学', text1: '成员', number1: '1000', text2: '资源', number2: '2000', text3: '热度', number3: '1500' },
|
|
|
+ { provice: '四川', subject: '语文', img: require('../../assets/image/resource/people04.jpg'), title: '省级名师', name: '王志明', period: '小学', text1: '成员', number1: '1000', text2: '资源', number2: '2000', text3: '热度', number3: '1500' },
|
|
|
+ { provice: '四川', subject: '语文', img: require('../../assets/image/resource/people03.jpg'), title: '省级名师', name: '李国强', period: '小学', text1: '成员', number1: '1000', text2: '资源', number2: '2000', text3: '热度', number3: '1500' },
|
|
|
+ { provice: '四川', subject: '语文', img: require('../../assets/image/resource/people05.jpg'), title: '省级名师', name: '黄明莉', period: '小学', text1: '成员', number1: '1000', text2: '资源', number2: '2000', text3: '热度', number3: '1500' },
|
|
|
+ { provice: '四川', subject: '语文', img: require('../../assets/image/resource/people08.jpg'), title: '省级名师', name: '李章杰', period: '中学', text1: '成员', number1: '1000', text2: '资源', number2: '2000', text3: '热度', number3: '1500' },
|
|
|
+ { provice: '四川', subject: '语文', img: require('../../assets/image/resource/people06.jpg'), title: '省级名师', name: '周湾明', period: '小学', text1: '成员', number1: '1000', text2: '资源', number2: '2000', text3: '热度', number3: '1500' },
|
|
|
+ { provice: '四川', subject: '语文', img: require('../../assets/image/resource/people07.jpg'), title: '省级名师', name: '徐建生', period: '中学', text1: '成员', number1: '1000', text2: '资源', number2: '2000', text3: '热度', number3: '1500' },
|
|
|
+ { provice: '四川', subject: '语文', img: require('../../assets/image/resource/people09.jpg'), title: '省级名师', name: '王福生', period: '小学', text1: '成员', number1: '1000', text2: '资源', number2: '2000', text3: '热度', number3: '1500' },
|
|
|
+ { provice: '四川', subject: '语文', img: require('../../assets/image/resource/people10.jpg'), title: '省级名师', name: '张凯伦', period: '小学', text1: '成员', number1: '1000', text2: '资源', number2: '2000', text3: '热度', number3: '1500' },
|
|
|
+ { provice: '四川', subject: '语文', img: require('../../assets/image/resource/people13.jpg'), title: '省级名师', name: '吴世杰', period: '小学', text1: '成员', number1: '1000', text2: '资源', number2: '2000', text3: '热度', number3: '1500' },
|
|
|
+ { provice: '四川', subject: '语文', img: require('../../assets/image/resource/people12.jpg'), title: '省级名师', name: '王先森', period: '中学', text1: '成员', number1: '1000', text2: '资源', number2: '2000', text3: '热度', number3: '1500' },
|
|
|
+ { provice: '四川', subject: '语文', img: require('../../assets/image/resource/people11.jpg'), title: '省级名师', name: '李德华', period: '小学', text1: '成员', number1: '1000', text2: '资源', number2: '2000', text3: '热度', number3: '1500' },
|
|
|
+ { provice: '四川', subject: '语文', img: require('../../assets/image/resource/people15.jpg'), title: '省级名师', name: '李萌萌', period: '小学', text1: '成员', number1: '1000', text2: '资源', number2: '2000', text3: '热度', number3: '1500' },
|
|
|
+ { provice: '四川', subject: '语文', img: require('../../assets/image/resource/people14.jpg'), title: '省级名师', name: '张梦迪', period: '中学', text1: '成员', number1: '1000', text2: '资源', number2: '2000', text3: '热度', number3: '1500' },
|
|
|
+ ],
|
|
|
+ dataxx: [
|
|
|
+ { provice: '四川', subject: '语文', img: require('../../assets/image/resource/people04.jpg'), title: '市级名师', name: '范建健', period: '中学', text1: '成员', number1: '1260', text2: '资源', number2: '1000', text3: '热度', number3: '6500' },
|
|
|
+ { provice: '四川', subject: '语文', img: require('../../assets/image/resource/people02.jpg'), title: '省级名师', name: '张梦娇', period: '小学', text1: '成员', number1: '1450', text2: '资源', number2: '2500', text3: '热度', number3: '1800' },
|
|
|
+ { provice: '四川', subject: '语文', img: require('../../assets/image/resource/people01.jpg'), title: '省级名师', name: '严苏华', period: '小学', text1: '成员', number1: '1560', text2: '资源', number2: '2050', text3: '热度', number3: '1500' },
|
|
|
+ { provice: '四川', subject: '语文', img: require('../../assets/image/resource/people05.jpg'), title: '省级名师', name: '乔国锋', period: '小学', text1: '成员', number1: '1980', text2: '资源', number2: '2500', text3: '热度', number3: '100' },
|
|
|
+ { provice: '四川', subject: '语文', img: require('../../assets/image/resource/people03.jpg'), title: '市级名师', name: '周育俭', period: '中学', text1: '成员', number1: '1200', text2: '资源', number2: '2080', text3: '热度', number3: '500' },
|
|
|
+ { provice: '四川', subject: '语文', img: require('../../assets/image/resource/people06.jpg'), title: '省级名师', name: '李章杰', period: '中学', text1: '成员', number1: '1000', text2: '资源', number2: '2800', text3: '热度', number3: '1500' },
|
|
|
+ { provice: '四川', subject: '语文', img: require('../../assets/image/resource/people08.jpg'), title: '省级名师', name: '赵志田', period: '小学', text1: '成员', number1: '1600', text2: '资源', number2: '2900', text3: '热度', number3: '1600' },
|
|
|
+ { provice: '四川', subject: '语文', img: require('../../assets/image/resource/people07.jpg'), title: '省级名师', name: '邹守烁', period: '中学', text1: '成员', number1: '1050', text2: '资源', number2: '2200', text3: '热度', number3: '700' },
|
|
|
+ { provice: '四川', subject: '语文', img: require('../../assets/image/resource/people09.jpg'), title: '省级名师', name: '王福生', period: '中学', text1: '成员', number1: '1500', text2: '资源', number2: '1800', text3: '热度', number3: '1500' },
|
|
|
+ { provice: '四川', subject: '语文', img: require('../../assets/image/resource/people10.jpg'), title: '省级名师', name: '邹守烁', period: '小学', text1: '成员', number1: '2000', text2: '资源', number2: '2700', text3: '热度', number3: '5500' },
|
|
|
+ { provice: '四川', subject: '语文', img: require('../../assets/image/resource/people15.jpg'), title: '市级名师', name: '吴世杰', period: '小学', text1: '成员', number1: '1050', text2: '资源', number2: '2300', text3: '热度', number3: '1500' },
|
|
|
+ { provice: '四川', subject: '语文', img: require('../../assets/image/resource/people12.jpg'), title: '省级名师', name: '吴兵', period: '中学', text1: '成员', number1: '1800', text2: '资源', number2: '2020', text3: '热度', number3: '1500' },
|
|
|
+ { provice: '四川', subject: '语文', img: require('../../assets/image/resource/people14.jpg'), title: '市级名师', name: '李德华', period: '小学', text1: '成员', number1: '1300', text2: '资源', number2: '2500', text3: '热度', number3: '6500' },
|
|
|
+ { provice: '四川', subject: '语文', img: require('../../assets/image/resource/people13.jpg'), title: '省级名师', name: '李东方', period: '中学', text1: '成员', number1: '1500', text2: '资源', number2: '2060', text3: '热度', number3: '1500' },
|
|
|
+ { provice: '四川', subject: '语文', img: require('../../assets/image/resource/people11.jpg'), title: '省级名师', name: '张浩然', period: '中学', text1: '成员', number1: '1060', text2: '资源', number2: '2800', text3: '热度', number3: '1500' },
|
|
|
+ ]
|
|
|
+ },
|
|
|
teacherData: [
|
|
|
{
|
|
|
"name": "高新区",
|
|
@@ -216,9 +243,21 @@
|
|
|
},
|
|
|
mounted() {
|
|
|
this.drawLine();
|
|
|
- this.drawChart();
|
|
|
+ //this.drawChart();
|
|
|
+ this.teacherList = this.teacher.datazt;
|
|
|
},
|
|
|
methods: {
|
|
|
+ chooseSchool(data) {
|
|
|
+ if (data == "zt") {
|
|
|
+ this.teacherList = this.teacher.datazt
|
|
|
+ } else if (data == "xx") {
|
|
|
+ this.teacherList = this.teacher.dataxx
|
|
|
+ } else if (data == "fc") {
|
|
|
+ this.teacherList = this.teacher.datazt
|
|
|
+ } else {
|
|
|
+ this.teacherList = this.teacher.datazt
|
|
|
+ }
|
|
|
+ },
|
|
|
teacherZone() {
|
|
|
this.$router.push('/TeacherZone')
|
|
|
},
|
|
@@ -277,120 +316,120 @@
|
|
|
console.log(params);
|
|
|
});
|
|
|
},
|
|
|
- drawChart() {
|
|
|
- var myChart = echarts.init(document.getElementById('Chart'));
|
|
|
- var xData = [],
|
|
|
- yData = [];
|
|
|
- var min = 50; // 最小值的定义
|
|
|
- this.teacherData.map(function (a, b) {
|
|
|
- xData.push(a.name);
|
|
|
- if (a.value === 0) {
|
|
|
- yData.push(a.value + min);
|
|
|
- } else {
|
|
|
- yData.push(a.value);
|
|
|
- }
|
|
|
- });
|
|
|
- var option = {
|
|
|
- //color: ['#3398DB'],
|
|
|
- tooltip: {
|
|
|
- trigger: 'axis',
|
|
|
- axisPointer: {
|
|
|
- type: 'line',
|
|
|
- lineStyle: {
|
|
|
- opacity: 0
|
|
|
- }
|
|
|
- },
|
|
|
- formatter: function (prams) {
|
|
|
- return "名师数:" + prams[0].data
|
|
|
- }
|
|
|
- },
|
|
|
- grid: {
|
|
|
- left: '0%',
|
|
|
- right: '0%',
|
|
|
- bottom: '5%',
|
|
|
- top: '5%',
|
|
|
- height: '50%',
|
|
|
- containLabel: true,
|
|
|
- z: 22
|
|
|
- },
|
|
|
- xAxis: [{
|
|
|
- type: 'category',
|
|
|
- gridIndex: 0,
|
|
|
- data: xData,
|
|
|
- axisTick: {
|
|
|
- alignWithLabel: true
|
|
|
- },
|
|
|
- axisLine: {
|
|
|
- lineStyle: {
|
|
|
- color: '#0c3b71'
|
|
|
- }
|
|
|
- },
|
|
|
- axisLabel: {
|
|
|
- show: true,
|
|
|
- color: 'rgb(170,170,170)',
|
|
|
- fontSize: 12
|
|
|
- }
|
|
|
- }],
|
|
|
- yAxis: [{
|
|
|
- type: 'value',
|
|
|
- gridIndex: 0,
|
|
|
- splitLine: {
|
|
|
- show: true
|
|
|
- },
|
|
|
- axisTick: {
|
|
|
- show: true
|
|
|
- },
|
|
|
- max: 150,
|
|
|
- axisLine: {
|
|
|
- lineStyle: {
|
|
|
- color: '#0c3b71'
|
|
|
- }
|
|
|
- },
|
|
|
- axisLabel: {
|
|
|
- color: 'rgb(170,170,170)',
|
|
|
- formatter: '{value} '
|
|
|
- }
|
|
|
- },
|
|
|
- {
|
|
|
- type: 'value',
|
|
|
- gridIndex: 0,
|
|
|
- max: 200,
|
|
|
- }
|
|
|
- ],
|
|
|
- series: [{
|
|
|
- type: 'bar',
|
|
|
- barWidth: '20',
|
|
|
- xAxisIndex: 0,
|
|
|
- yAxisIndex: 0,
|
|
|
- itemStyle: {
|
|
|
- normal: {
|
|
|
- //barBorderRadius: [30, 30, 0, 0],
|
|
|
- color: new echarts.graphic.LinearGradient(
|
|
|
- 0, 0, 0, 1, [
|
|
|
- // {
|
|
|
- // offset: 0,
|
|
|
- // color: '#00feff'
|
|
|
- //},
|
|
|
- {
|
|
|
- offset: 0.5,
|
|
|
- color: '#4da1ff'
|
|
|
- },
|
|
|
- {
|
|
|
- offset: 1,
|
|
|
- color: '#4da1ff'
|
|
|
- }
|
|
|
- ]
|
|
|
- )
|
|
|
- }
|
|
|
- },
|
|
|
- data: yData,
|
|
|
- zlevel: 11
|
|
|
+ //drawChart() {
|
|
|
+ // var myChart = echarts.init(document.getElementById('Chart'));
|
|
|
+ // var xData = [],
|
|
|
+ // yData = [];
|
|
|
+ // var min = 50; // 最小值的定义
|
|
|
+ // this.teacherData.map(function (a, b) {
|
|
|
+ // xData.push(a.name);
|
|
|
+ // if (a.value === 0) {
|
|
|
+ // yData.push(a.value + min);
|
|
|
+ // } else {
|
|
|
+ // yData.push(a.value);
|
|
|
+ // }
|
|
|
+ // });
|
|
|
+ // var option = {
|
|
|
+ // //color: ['#3398DB'],
|
|
|
+ // tooltip: {
|
|
|
+ // trigger: 'axis',
|
|
|
+ // axisPointer: {
|
|
|
+ // type: 'line',
|
|
|
+ // lineStyle: {
|
|
|
+ // opacity: 0
|
|
|
+ // }
|
|
|
+ // },
|
|
|
+ // formatter: function (prams) {
|
|
|
+ // return "名师数:" + prams[0].data
|
|
|
+ // }
|
|
|
+ // },
|
|
|
+ // grid: {
|
|
|
+ // left: '0%',
|
|
|
+ // right: '0%',
|
|
|
+ // bottom: '5%',
|
|
|
+ // top: '5%',
|
|
|
+ // height: '50%',
|
|
|
+ // containLabel: true,
|
|
|
+ // z: 22
|
|
|
+ // },
|
|
|
+ // xAxis: [{
|
|
|
+ // type: 'category',
|
|
|
+ // gridIndex: 0,
|
|
|
+ // data: xData,
|
|
|
+ // axisTick: {
|
|
|
+ // alignWithLabel: true
|
|
|
+ // },
|
|
|
+ // axisLine: {
|
|
|
+ // lineStyle: {
|
|
|
+ // color: '#0c3b71'
|
|
|
+ // }
|
|
|
+ // },
|
|
|
+ // axisLabel: {
|
|
|
+ // show: true,
|
|
|
+ // color: 'rgb(170,170,170)',
|
|
|
+ // fontSize: 12
|
|
|
+ // }
|
|
|
+ // }],
|
|
|
+ // yAxis: [{
|
|
|
+ // type: 'value',
|
|
|
+ // gridIndex: 0,
|
|
|
+ // splitLine: {
|
|
|
+ // show: true
|
|
|
+ // },
|
|
|
+ // axisTick: {
|
|
|
+ // show: true
|
|
|
+ // },
|
|
|
+ // max: 150,
|
|
|
+ // axisLine: {
|
|
|
+ // lineStyle: {
|
|
|
+ // color: '#0c3b71'
|
|
|
+ // }
|
|
|
+ // },
|
|
|
+ // axisLabel: {
|
|
|
+ // color: 'rgb(170,170,170)',
|
|
|
+ // formatter: '{value} '
|
|
|
+ // }
|
|
|
+ // },
|
|
|
+ // {
|
|
|
+ // type: 'value',
|
|
|
+ // gridIndex: 0,
|
|
|
+ // max: 200,
|
|
|
+ // }
|
|
|
+ // ],
|
|
|
+ // series: [{
|
|
|
+ // type: 'bar',
|
|
|
+ // barWidth: '20',
|
|
|
+ // xAxisIndex: 0,
|
|
|
+ // yAxisIndex: 0,
|
|
|
+ // itemStyle: {
|
|
|
+ // normal: {
|
|
|
+ // //barBorderRadius: [30, 30, 0, 0],
|
|
|
+ // color: new echarts.graphic.LinearGradient(
|
|
|
+ // 0, 0, 0, 1, [
|
|
|
+ // // {
|
|
|
+ // // offset: 0,
|
|
|
+ // // color: '#00feff'
|
|
|
+ // //},
|
|
|
+ // {
|
|
|
+ // offset: 0.5,
|
|
|
+ // color: '#4da1ff'
|
|
|
+ // },
|
|
|
+ // {
|
|
|
+ // offset: 1,
|
|
|
+ // color: '#4da1ff'
|
|
|
+ // }
|
|
|
+ // ]
|
|
|
+ // )
|
|
|
+ // }
|
|
|
+ // },
|
|
|
+ // data: yData,
|
|
|
+ // zlevel: 11
|
|
|
|
|
|
- },
|
|
|
- ]
|
|
|
- };
|
|
|
- myChart.setOption(option);
|
|
|
- }
|
|
|
+ // },
|
|
|
+ // ]
|
|
|
+ // };
|
|
|
+ // myChart.setOption(option);
|
|
|
+ //}
|
|
|
},
|
|
|
|
|
|
}
|
|
@@ -399,28 +438,56 @@
|
|
|
.map {
|
|
|
width: 65%;
|
|
|
height: 600px;
|
|
|
- margin:auto;
|
|
|
+ margin: auto;
|
|
|
/*margin-left:150px;*/
|
|
|
padding-left: 250px;
|
|
|
- /*background: url("../../assets/image/resource/title-bg.jpg") center 120% no-repeat;*/
|
|
|
- background-color:azure;
|
|
|
- display:flex;
|
|
|
+ background: url("../../assets/image/resource/map-bg.png") no-repeat;
|
|
|
+ background-repeat: no-repeat;
|
|
|
+ background-size: 100% 100%;
|
|
|
+ /*display:flex;*/
|
|
|
+ }
|
|
|
+ .map-pro {
|
|
|
+ display: block;
|
|
|
+ padding-top: 13%;
|
|
|
+ margin-left: 2%;
|
|
|
+ font-size: 24px;
|
|
|
+ font-weight: 800;
|
|
|
+ color: orangered;
|
|
|
}
|
|
|
.my-map {
|
|
|
height: 600px;
|
|
|
width: 600px;
|
|
|
/*border: 1px solid red;*/
|
|
|
- margin-left: -25%;
|
|
|
+ /*text-align: right;*/
|
|
|
+ margin-top: -15%;
|
|
|
+ margin-left: 25%;
|
|
|
}
|
|
|
.chart {
|
|
|
- width: 520px;
|
|
|
- height: 550px;
|
|
|
- margin-top: 3%;
|
|
|
+ width: 300px;
|
|
|
+ height: 300px;
|
|
|
+ margin-top: -35%;
|
|
|
/* border: 1px solid red; */
|
|
|
- margin-left: 10%;
|
|
|
- box-shadow: 1px 1px 1px 1px lightblue;
|
|
|
- background-color: #fff;
|
|
|
+ margin-left: -18%;
|
|
|
}
|
|
|
+ .chart h1{
|
|
|
+ color:coral;
|
|
|
+ }
|
|
|
+ .chart h2 {
|
|
|
+ display: block;
|
|
|
+ margin-top: -10%;
|
|
|
+ margin-left: 25%;
|
|
|
+ }
|
|
|
+ .chart ul {
|
|
|
+ list-style:none;
|
|
|
+ width:150px;
|
|
|
+ }
|
|
|
+ .chart li {
|
|
|
+ width: 150px;
|
|
|
+ height: 20px;
|
|
|
+ border: 1px solid red;
|
|
|
+ margin-bottom: 10px;
|
|
|
+ border-radius: 25px;
|
|
|
+ }
|
|
|
.header {
|
|
|
width: 100%;
|
|
|
height: 56px;
|
|
@@ -518,7 +585,7 @@
|
|
|
width: 110px;
|
|
|
height: 105px;
|
|
|
border-radius: 50%;
|
|
|
- margin-left: -20px;
|
|
|
+ margin-left: -30px;
|
|
|
margin-top: -25px;
|
|
|
position: relative;
|
|
|
}
|