tianlong/Agriculture-front-end
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

up

Browse Source
This commit is contained in:
tianlong
2023-04-27 18:03:12 +08:00
parent 7334bbb857
commit 05f977fc56
10 changed files with 1571 additions and 668 deletions
Download Patch File Download Diff File Expand all files Collapse all files

69
src/views/crops/output/wheat/index.vue
View File

@ -20,8 +20,27 @@
/>
</p>
</div>
<div class="production">
<div class="leftProduction">
<p>
<span>900</span>
吨
<br />
最小值
</p>
</div>
<div class="rightProduction">
<p>
<span>960</span>
吨
<br />
最小值
</p>
</div>
</div>
<div ref="areaDiv" class="areaDiv"></div>
</div>
<div class="leftFoldDiv" @click="leftFoldClick()">
<el-icon><ArrowRightBold /></el-icon>
</div>
@ -1326,6 +1345,7 @@ function areachar() {
},
axisLabel: {
show: true,
// interval:0,
},
data: ['2017年', '2018年', '2019年', '2020年', '2021年', '2022年', '2023年'],
},
@ -1603,6 +1623,8 @@ function farmland() {
],
global: false, // 缺省为 false
},
shadowColor: 'rgba(255, 255, 255, 0.5)',
shadowBlur: 10,
},
},
data: [709, 1917, 2455, 2610, 1719, 1433],
@ -1643,6 +1665,8 @@ function farmland() {
],
global: false, // 缺省为 false
},
shadowColor: 'rgba(255, 255, 255, 0.5)',
shadowBlur: 10,
},
},
data: [300, 500, 700, 400, 600, 1200],
@ -2305,6 +2329,13 @@ $height: calc(100vh - 100px);
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
background: linear-gradient(
180deg,
rgba(255, 255, 255, 1) 33.33%,
rgba(41, 255, 219, 1) 100%
);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
p {
@ -2334,6 +2365,7 @@ $height: calc(100vh - 100px);
background: rgba(2, 31, 26, 0.85);
box-shadow: inset 0px 0px 15px 6px rgba(41, 255, 255, 0.5);
transition: transform 1s;
.leftFoldDiv {
width: 30px;
height: 30px;
@ -2348,7 +2380,42 @@ $height: calc(100vh - 100px);
width: 100%;
display: flex;
flex-direction: column;
.production {
width: 100%;
height: 125px;
padding: 0 37px;
display: flex;
font-size: 18px;
font-weight: 400;
letter-spacing: 0px;
color: rgba(255, 255, 255, 1);
text-align: center;
vertical-align: top;
span {
font-size: 48px;
font-weight: 700;
letter-spacing: 0px;
line-height: 48px;
color: rgba(255, 255, 255, 1);
}
.leftProduction {
flex: 1;
height: 100%;
margin-right: 20px;
background: url('@/assets/images/production.png');
background-repeat: no-repeat;
background-size: 100% 100%;
background-position-y: 20px;
}
.rightProduction {
flex: 1;
height: 100%;
background: url('@/assets/images/production.png');
background-repeat: no-repeat;
background-size: 100% 100%;
background-position-y: 20px;
}
}
.areaDiv {
width: 100%;
height: 327px;