|
@@ -184,6 +184,13 @@ export default {
|
|
|
window.addEventListener('resize',e=>{
|
|
|
this.waterChart.resize();
|
|
|
this.waterChart_other.resize();
|
|
|
+ // this.bottomRightTop.resize()
|
|
|
+// this.bottomRightTop.forEach(v=>{
|
|
|
+// addEventListener("resize", ()=> {
|
|
|
+// v.resize();
|
|
|
+
|
|
|
+// });
|
|
|
+// })
|
|
|
})
|
|
|
// document.getElementsByClassName('content')[0].style.height = 90+'px';
|
|
|
// console.log(document.getElementsByClassName('content')[0].style.height);
|
|
@@ -343,7 +350,7 @@ export default {
|
|
|
color: ['rgba(102, 153, 255, 1)'],
|
|
|
series: [
|
|
|
{
|
|
|
- name: '食堂',
|
|
|
+ name: '',
|
|
|
type: 'bar',
|
|
|
data: this.legendData,
|
|
|
barWidth: 30,//柱图宽度
|
|
@@ -850,15 +857,19 @@ option={
|
|
|
}
|
|
|
|
|
|
myChart.setOption(option)
|
|
|
+ window.addEventListener('resize', () => {
|
|
|
+ myChart.resize();
|
|
|
+ console.log(myChart,"这是");
|
|
|
+ })
|
|
|
}
|
|
|
})
|
|
|
|
|
|
- this.bottomRightTop.forEach(v=>{
|
|
|
- addEventListener("resize", ()=> {
|
|
|
- v.resize();
|
|
|
+// this.bottomRightTop.forEach(v=>{
|
|
|
+// addEventListener("resize", ()=> {
|
|
|
+// v.resize();
|
|
|
|
|
|
-});
|
|
|
- })
|
|
|
+// });
|
|
|
+// })
|
|
|
|
|
|
},
|
|
|
// project_icon(){
|
|
@@ -1014,16 +1025,16 @@ option={
|
|
|
.content{
|
|
|
// border: 10px solid black;
|
|
|
width: 100vw;
|
|
|
- height:100vh;
|
|
|
+ height:56.27vw;
|
|
|
.time{
|
|
|
// border: 10px solid orange;
|
|
|
|
|
|
|
|
|
- position: absolute;
|
|
|
- left: 5%;
|
|
|
- width: 20%;
|
|
|
- height: 5%;
|
|
|
- top: 9%;
|
|
|
+ display:flex;
|
|
|
+ margin-left:3%;
|
|
|
+ margin-bottom:1%;
|
|
|
+ align-items: center;
|
|
|
+ width:20%;
|
|
|
span{
|
|
|
color: white;
|
|
|
font-size: 1vw;
|
|
@@ -1184,10 +1195,10 @@ option={
|
|
|
span{
|
|
|
z-index: 10;
|
|
|
color: white;
|
|
|
- font-size: 1vw;
|
|
|
+ font-size: 1.5vw;
|
|
|
font-weight: bold;
|
|
|
- margin-top: 55%;
|
|
|
- margin-left: 2%;
|
|
|
+ margin-top: 60%;
|
|
|
+ margin-left: 4%;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
@@ -1275,7 +1286,7 @@ option={
|
|
|
.content_middle_top_right_item_pic_line_one{
|
|
|
position: absolute;
|
|
|
color: aqua;
|
|
|
- top:36%;
|
|
|
+ top:37.6%;
|
|
|
left: 21%;
|
|
|
font-weight:bolder;
|
|
|
font-size:2vw;
|
|
@@ -1283,7 +1294,7 @@ option={
|
|
|
.content_middle_top_right_item_pic_line_two{
|
|
|
position: absolute;
|
|
|
color: aqua;
|
|
|
- top:36%;
|
|
|
+ top:37.6%;
|
|
|
left: 46%;
|
|
|
font-weight:bolder;
|
|
|
font-size:2vw;
|
|
@@ -1291,7 +1302,7 @@ option={
|
|
|
.content_middle_top_right_item_pic_line_three{
|
|
|
position: absolute;
|
|
|
color: aqua;
|
|
|
- top:36%;
|
|
|
+ top:37.6%;
|
|
|
left: 70.2%;
|
|
|
font-weight:bolder;
|
|
|
font-size:2vw;
|
|
@@ -1353,7 +1364,7 @@ option={
|
|
|
}
|
|
|
}
|
|
|
.content_middle_bottom_right_top_item{
|
|
|
-
|
|
|
+ margin-top:7%;
|
|
|
height: 80%;
|
|
|
|
|
|
.content_middle_top_right_content_group{
|
|
@@ -1391,10 +1402,9 @@ option={
|
|
|
margin-top: 1%;
|
|
|
height: 49.5%;
|
|
|
.content_middle_bottom_right_bottom_title{
|
|
|
- height: 20%;
|
|
|
- position: absolute;
|
|
|
- left:53.5%;
|
|
|
- top:68.5%;
|
|
|
+ margin-top: 0.8%;
|
|
|
+ margin-left: 2.6%;
|
|
|
+ position:absolute;
|
|
|
span{
|
|
|
font-size: 1.2vw;
|
|
|
color: white;
|