wy
/
xf-web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

111111

main
hhr 2023-12-21 16:49:32 +08:00
parent d8c8f4478d
commit 0a2030f749
2 changed files with 9 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/views/Sygl/index.less
View File

@ -40,7 +40,7 @@
}*/ }*/
width: 100%; width: 100%;
height: 28vh; height: 28vh;
background: url("../../../public/assets/syfgrkqk.png") 0 0 no-repeat; background: rgba(1, 29, 73, 0.7) url("../../../public/assets/syfgrkqk.png") 36px 0 no-repeat;
background-size: contain; background-size: contain;
} }
.tqyb-box1{ .tqyb-box1{
@ -56,10 +56,10 @@
background-size: cover; background-size: cover;
} }
.tqyb-box3{ .tqyb-box3{
width: 96%; width: 100%;
height: 26vh; height: 30vh;
background: url("../../../public/assets/szjc.png") 0 0 no-repeat; background: rgba(1, 29, 73, 0.7) url("../../../public/assets/szjc.png") 20px 0 no-repeat;
background-size: cover; background-size: contain;
} }
.szjc-box{ .szjc-box{
/*padding-left: 20px; /*padding-left: 20px;

6
src/views/Sygl/index.tsx
View File

@ -27,6 +27,7 @@ const SyglPage: React.FC = () => {
}]; }];
const option = { const option = {
backgroundColor:"rgba(11,81,149,0.4)",
title: { title: {
text:'168', text:'168',
subtext: '水源总数', subtext: '水源总数',
@ -81,9 +82,10 @@ const SyglPage: React.FC = () => {
setEchartsOption(option); setEchartsOption(option);
const optionGxnl = { const optionGxnl = {
backgroundColor:"rgba(11,81,149,0.4)",
grid: { grid: {
top: "22%", top: "22%",
bottom: "27%" bottom: "33%"
}, },
tooltip: { tooltip: {
trigger: "axis", trigger: "axis",
@ -444,7 +446,7 @@ const SyglPage: React.FC = () => {
{/*<img src={`${process.env.PUBLIC_URL}/assets/jwnqsl.png`} alt=""/>*/} {/*<img src={`${process.env.PUBLIC_URL}/assets/jwnqsl.png`} alt=""/>*/}
<ReactEcharts <ReactEcharts
option={echartsOptionGxnl} option={echartsOptionGxnl}
style={{width: "100%", height: 'calc( 100% - 10px )'}} style={{width: "100%", height: '100%'}}
/> />
</div> </div>
</div> </div>