Skip to content

R
report-html-template
Commit 06dac29f by wangmin
Options

能耗

parent 83968555
正在显示 包含 116 行增加 和 11 行删除
energy-report/assets/avgMonthlyLeft.svg 0 → 100644
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="10" height="68" viewBox="0 0 10 68"><g><g><g style="opacity:0.5;"><path d="M0.44667340624999996,62.48654375L6.39281640625,67.26774375L7.34390640625,66.08484375L1.96445940625,61.75934375L1.96445940625,6.38178375L7.34390640625,2.05625975L6.39281640625,0.87342775L0.44667340624999996,5.65462375L0.44667340624999996,62.48654375Z" fill-rule="evenodd" fill="#D8D8D8" fill-opacity="1"/></g><g><rect x="5.75830078125" y="0.4765625" width="3.0355730056762695" height="3.0355732440948486" rx="0" fill="#FFFFFF" fill-opacity="1"/></g><g><rect x="5.75830078125" y="64.4921875" width="3.0355730056762695" height="3.0355732440948486" rx="0" fill="#FFFFFF" fill-opacity="1"/></g></g></g></svg>
\ No newline at end of file
energy-report/assets/avgMonthlyRight.svg 0 → 100644
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="10" height="68" viewBox="0 0 10 68"><g transform="matrix(-1,0,0,1,20,0)"><g><g style="opacity:0.5;"><path d="M10.44667340625,62.48654375L16.39281640625,67.26774375L17.34390640625,66.08484375L11.96445940625,61.75934375L11.96445940625,6.38178375L17.34390640625,2.05625975L16.39281640625,0.87342775L10.44667340625,5.65462375L10.44667340625,62.48654375Z" fill-rule="evenodd" fill="#D8D8D8" fill-opacity="1"/></g><g><rect x="15.7587890625" y="0.4765625" width="3.0355730056762695" height="3.0355732440948486" rx="0" fill="#FFFFFF" fill-opacity="1"/></g><g><rect x="15.7587890625" y="64.4921875" width="3.0355730056762695" height="3.0355732440948486" rx="0" fill="#FFFFFF" fill-opacity="1"/></g></g></g></svg>
\ No newline at end of file
energy-report/assets/textBoxBg.svg 0 → 100644
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="1169" height="40" viewBox="0 0 1169 40"><defs><linearGradient x1="1" y1="0.5" x2="0" y2="0.5" id="master_svg0_19847_82606"><stop offset="0%" stop-color="#5CB3FF" stop-opacity="0"/><stop offset="100%" stop-color="#5CB3FF" stop-opacity="1"/></linearGradient></defs><g style="opacity:0.20000000298023224;"><rect x="0" y="0" width="1169" height="40" rx="20" fill="url(#master_svg0_19847_82606)" fill-opacity="1"/></g></svg>
\ No newline at end of file
energy-report/index.css
......@@ -54,7 +54,7 @@ body {
height: 6vh;
width: 60vw;
max-width: 766px;
background: url('./assets/top-bg.png') no-repeat;
background: url("./assets/top-bg.png") no-repeat;
background-size: 100% 100%;
position: relative;
left: 0;
......@@ -96,7 +96,7 @@ body {
.title > img {
width: 18px;
height: 18px;
margin-right: 4px;
margin-right: 10px;
}
.chart-wrap {
}
......@@ -111,7 +111,7 @@ body {
.echarts-box1 {
flex: 1;
}
.echarts-box1#distribution-charts{
.echarts-box1#distribution-charts {
height: 30vh;
}
.right {
......@@ -152,16 +152,20 @@ body {
.top-15-wrap > .items .process > span {
width: 100%;
height: 100%;
content: '';
content: "";
display: flex;
width: 70%;
position: absolute;
background: linear-gradient(to right, rgba(0, 216, 255, 1), rgba(0, 182, 255, 1));
background: linear-gradient(
to right,
rgba(0, 216, 255, 1),
rgba(0, 182, 255, 1)
);
}
.top-15-wrap > .items .process::after {
width: 100%;
height: 100%;
content: '';
content: "";
display: flex;
background-color: rgba(255, 255, 255, 0.1);
}
......@@ -228,7 +232,11 @@ body {
.popup > div:nth-of-type(1) > span {
width: 100%;
height: 100%;
background: linear-gradient(to bottom, rgba(92, 179, 255, 1), rgba(8, 86, 155, 1));
background: linear-gradient(
to bottom,
rgba(92, 179, 255, 1),
rgba(8, 86, 155, 1)
);
position: absolute;
border-radius: 50%;
z-index: 1;
......@@ -244,7 +252,7 @@ body {
}
.popup > div:nth-of-type(1)::before {
position: absolute;
content: '';
content: "";
width: 100%;
height: 100%;
background-color: rgba(52, 69, 94, 1);
......@@ -254,7 +262,7 @@ body {
}
.popup > div:nth-of-type(1)::after {
position: absolute;
content: '';
content: "";
width: 100%;
height: 100%;
background-color: rgba(52, 69, 94, 1);
......@@ -263,7 +271,11 @@ body {
border-radius: 50%;
}
.popup.right > div:nth-of-type(1) > span {
background: linear-gradient(to bottom, rgba(246, 133, 0, 1), rgba(168, 91, 0, 1));
background: linear-gradient(
to bottom,
rgba(246, 133, 0, 1),
rgba(168, 91, 0, 1)
);
}
.popup.right > div:nth-of-type(1)::before {
background: rgba(246, 133, 0, 0.3);
......@@ -304,7 +316,7 @@ body {
}
.echarts-title-top {
background: url('../assets/contract-bg.png') no-repeat;
background: url("../assets/contract-bg.png") no-repeat;
width: 208px;
height: 208px;
background-size: cover;
......@@ -504,3 +516,90 @@ body {
border-radius: 0px 0px 0px 0px;
margin: 27px 0 37px;
}
.timePeriod {
margin-bottom: 19px;
}
.timePeriod-textBox {
width: 100%;
height: 28px;
background: linear-gradient(-90deg, rgba(92,179,255,0) 0%, rgba(92,179,255,0.2) 100%);
background-size: cover;
border-radius: 20px;
margin-bottom: 30px;
}
.timePeriod-textBox-text {
font-size: 12px;
font-family: PingFang SC-Regular, PingFang SC;
font-weight: 400;
color: #ffffff;
line-height: 12px;
display: inline-block;
margin-left: 20px;
margin-top: 8px;
}
.echarts-timePeriod {
width: 100%;
height: 380px;
background: rgba(8, 16, 24, 0.27);
padding: 20px 20px 20px 0;
margin-bottom: 24px;
}
.avgMonthlyBox {
background: rgba(255, 255, 255, 0.05);
height: 200px;
width: calc(100% - 2.4vw);
margin-bottom: 24px;
padding: 16px 30px 0 30px;
}
.avgMonthlyBox-title {
font-size: 14px;
font-family: PingFang SC-Regular, PingFang SC;
font-weight: 400;
color: #ffffff;
line-height: 22px;
letter-spacing: 1px;
margin-bottom: 39px;
}
.avgMonthlyBox-content {
display: flex;
width: 100%;
}
.content-item {
width: 15%;
padding-top: 17px;
text-align: center;
}
.item-text1 {
font-size: 14px;
font-family: PingFang SC-Bold, PingFang SC;
font-weight: 400;
color: #ffffff;
line-height: 22px;
letter-spacing: 2px;
margin-bottom: 10px;
}
.item-text2 {
font-size: 24px;
font-family: DINAlternate-Bold-Regular, DINAlternate-Bold;
font-weight: 400;
color: #ffffff;
line-height: 27px;
margin-bottom: 10px;
}
.content-item-r {
width: 26%;
display: flex;
margin-left: 5%;
}
.item-r-text{
font-size: 14px;
font-family: PingFang SC-Regular, PingFang SC;
font-weight: 400;
color: #FFFFFF;
line-height: 25px;
letter-spacing: 2px;
margin: 22px 1% 0 4%;
}
.item-r-text-red{
color: #FF6464;
}
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论