Skip to content

R
report-html-template
Commit f1110c30 by wangmin
Options

能耗数据预测报告 大屏、手机 + IOC

parent e7efeaff
正在显示 包含 221 行增加 和 0 行删除
assets/energyPredict/Rectangle 292.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="876" height="408" viewBox="0 0 876 408"><g><g style="opacity:0.4000000059604645;"><path d="M0,0L9.10672,0L6.07115,3.03557L3.03557,3.03557L3.03557,6.07115L0,9.10672L0,0Z" fill-rule="evenodd" fill="#FFFFFF" fill-opacity="1"/></g><g transform="matrix(-1,0,0,1,1752,0)" style="opacity:0.4000000059604645;"><path d="M876,0L885.10672,0L882.07115,3.03557L879.03557,3.03557L879.03557,6.07115L876,9.10672L876,0Z" fill-rule="evenodd" fill="#FFFFFF" fill-opacity="1"/></g><g transform="matrix(1,0,0,-1,0,816)" style="opacity:0.4000000059604645;"><path d="M0,408L9.10672,408L6.07115,411.03557L3.03557,411.03557L3.03557,414.07115L0,417.10672L0,408Z" fill-rule="evenodd" fill="#FFFFFF" fill-opacity="1"/></g><g transform="matrix(-1,0,0,-1,1752,816)" style="opacity:0.4000000059604645;"><path d="M876,408L885.10672,408L882.07115,411.03557L879.03557,411.03557L879.03557,414.07115L876,417.10672L876,408Z" fill-rule="evenodd" fill="#FFFFFF" fill-opacity="1"/></g></g></svg>
\ No newline at end of file
assets/energyPredict/ys.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="9" height="9" viewBox="0 0 9 9"><g transform="matrix(-1,0,0,1,18,0)" style="opacity:0.4000000059604645;"><path d="M9,0L18,0L14.96443,3.03557L12.03557,3.03557L12.03557,5.96443L9,9L9,0Z" fill-rule="evenodd" fill="#FFFFFF" fill-opacity="1"/></g></svg>
\ No newline at end of file
assets/energyPredict/yx.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="9" height="9" viewBox="0 0 9 9"><g transform="matrix(-1,0,0,-1,18,18)" style="opacity:0.4000000059604645;"><path d="M9,9L18,9L14.96443,12.03557L12.03557,12.03557L12.03557,14.96443L9,18L9,9Z" fill-rule="evenodd" fill="#FFFFFF" fill-opacity="1"/></g></svg>
\ No newline at end of file
assets/energyPredict/zs.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="9" height="9" viewBox="0 0 9 9"><g style="opacity:0.4000000059604645;"><path d="M0,0L9,0L5.96443,3.03557L3.03557,3.03557L3.03557,5.96443L0,9L0,0Z" fill-rule="evenodd" fill="#FFFFFF" fill-opacity="1"/></g></svg>
\ No newline at end of file
assets/energyPredict/zx.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="9" height="9" viewBox="0 0 9 9"><g transform="matrix(1,0,0,-1,0,18)" style="opacity:0.4000000059604645;"><path d="M0,9L9,9L5.96443,12.03557L3.03557,12.03557L3.03557,14.96443L0,18L0,9Z" fill-rule="evenodd" fill="#FFFFFF" fill-opacity="1"/></g></svg>
\ No newline at end of file
energyPredict/energy-ioc.css 0 → 100644
html {
border: 3px solid rgba(255, 255, 255, 0.15);
background-color: #152235;
height: 99vh;
position: relative;
}
body {
padding: 0 10px 80px 20px;
}
.left-top {
width: 9px;
height: 9px;
background: #fffcfc;
position: absolute;
left: -2px;
top: -2px;
}
.right-top {
width: 9px;
height: 9px;
background: #fffcfc;
position: absolute;
right: -2px;
top: -2px;
}
.left-bottom {
width: 9px;
height: 9px;
background: #fffcfc;
position: absolute;
left: -2px;
bottom: -2px;
}
.right-bottom {
width: 9px;
height: 9px;
background: #fffcfc;
position: absolute;
right: -2px;
bottom: -2px;
}
.report-title-bg {
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
}
.report-title-bg > img {
width: 504px;
height: 51px;
}
.report-title {
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
margin-top: 2px;
}
.report-title-text {
color: #ffffff;
font-family: PingFang SC-Bold, PingFang SC;
font-weight: 400;
line-height: 36px;
font-size: 24px;
}
.dian-wrapper img {
margin-top: 80px;
width: 180px;
height: 42px;
}
.dian-wrapper .dian-main {
width: 100%;
display: flex;
}
.dian-wrapper .dian-main .dian-box1 {
margin-right: 24px;
background: rgba(8, 16, 24, 0.27);
margin-top: 15px;
padding: 20px 10px 0 20px;
width: 50%;
height: 410px;
}
.dian-wrapper .dian-main .dian-zs-1 {
position: absolute;
width: 9px;
height: 9px;
left: 28px;
top: 69px;
}
.dian-wrapper .dian-main .dian-ys-1 {
position: absolute;
width: 9px;
height: 9px;
left: calc(50% - 16px);
top: 69px;
}
.dian-wrapper .dian-main .dian-zx-1 {
position: absolute;
width: 9px;
height: 9px;
left: 28px;
top: 490px;
}
.dian-wrapper .dian-main .dian-yx-1 {
position: absolute;
width: 9px;
height: 9px;
left: calc(50% - 16px);
top: 490px;
}
.dian-wrapper .dian-main .dian-box2 {
background: rgba(8, 16, 24, 0.27);
margin-top: 15px;
padding: 20px 10px 0 20px;
width: 50%;
height: 410px;
}
.dian-wrapper .dian-main .dian-zs-2 {
position: absolute;
width: 9px;
height: 9px;
left: calc(50% + 18px);
top: 69px;
}
.dian-wrapper .dian-main .dian-ys-2 {
position: absolute;
width: 9px;
height: 9px;
left: calc(100% - 27px);
top: 69px;
}
.dian-wrapper .dian-main .dian-zx-2 {
position: absolute;
width: 9px;
height: 9px;
left: calc(50% + 18px);
top: 490px;
}
.dian-wrapper .dian-main .dian-yx-2 {
position: absolute;
width: 9px;
height: 9px;
left: calc(100% - 27px);
top: 490px;
}
.shui-box {
height: 410px;
background: rgba(8, 16, 24, 0.27);
margin-top: 15px;
padding: 20px 10px 0 20px;
width: calc(50% - 42px);
height: 410px;
}
.shui-wrapper .shui-zs {
position: absolute;
width: 9px;
height: 9px;
left: 28px;
top: 640px;
}
.shui-wrapper .shui-ys {
position: absolute;
width: 9px;
height: 9px;
left: calc(50% - 16px);
top: 640px;
}
.shui-wrapper .shui-zx {
position: absolute;
width: 9px;
height: 9px;
left: 28px;
top: 1061px;
}
.shui-wrapper .shui-yx {
position: absolute;
width: 9px;
height: 9px;
left: calc(50% - 16px);
top: 1061px;
}
.shui-wrapper img {
margin-top: 40px;
width: 180px;
height: 42px;
}
.yuny-wrapper {
width: 56%;
}
.yuny-wrapper img {
margin-top: 40px;
margin-bottom: 23px;
width: 210px;
height: 42px;
}
.advise-wrapper-content-item {
display: flex;
margin-bottom: 8px;
}
.advise-wrapper-content-item img {
width: 13px;
height: 13px;
margin-right: 13px;
margin-top: 6px;
}
.advise-wrapper-content-item-text {
font-size: 18px;
color: #fff;
opacity: 0.7;
}
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论