commit
This commit is contained in:
@@ -1,193 +0,0 @@
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
html, body, #app {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
#data-view {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: #030409;
|
||||
color: #fff;
|
||||
background-image: url("/assets/platform/img/datav/staff/bg.png");
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
#data-view #dv-full-screen-container, #data-view .main-content {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
}
|
||||
|
||||
#data-view #dv-full-screen-container {
|
||||
background-image: url("/assets/platform/img/datav/staff/bg.png");
|
||||
background-size: 100% 100%;
|
||||
-webkit-box-shadow: 0 0 3px #00f;
|
||||
box-shadow: 0 0 3px #00f;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
#top-header {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 10vh;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
flex-shrink: 0;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
#top-header .header-left-decoration, #top-header .header-right-decoration {
|
||||
width: 25%;
|
||||
height: 8vh;
|
||||
}
|
||||
|
||||
#top-header .header-center-decoration {
|
||||
width: 40%;
|
||||
margin-top: 0;
|
||||
font-size: 25px;
|
||||
font-weight: 700;
|
||||
height: 8vh;
|
||||
}
|
||||
|
||||
#top-header .header-left-decoration, #top-header .header-right-decoration {
|
||||
width: 25%;
|
||||
height: 8vh;
|
||||
}
|
||||
|
||||
#top-header .center-title {
|
||||
position: absolute;
|
||||
font-size: 30px;
|
||||
font-weight: 700;
|
||||
left: 50%;
|
||||
top: 15px;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
#main-content {
|
||||
height: calc(100vh - 10vh);
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr 1fr 1fr;
|
||||
grid-template-rows: 1fr 1fr 1fr;
|
||||
grid-column-gap: 20px;
|
||||
grid-row-gap: 30px;
|
||||
flex: 1;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
#main-content > div {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#main-content .box {
|
||||
background: url("/assets/platform/img/datav/staff/Elechart_listsbg.png") no-repeat;
|
||||
background-size: 100% 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.box1 {
|
||||
grid-row: 1/3;
|
||||
}
|
||||
|
||||
.box2 {
|
||||
grid-column: 2/5;
|
||||
grid-row: 1/3;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.box3 {
|
||||
|
||||
}
|
||||
|
||||
.box4 {
|
||||
|
||||
}
|
||||
|
||||
.box5 {
|
||||
grid-column: 1/3;
|
||||
}
|
||||
|
||||
.box6 {
|
||||
grid-column: 3/5;
|
||||
}
|
||||
|
||||
.box-title {
|
||||
height: 4vh;
|
||||
line-height: 4vh;
|
||||
margin-bottom: 2vh;
|
||||
font-weight: bold;
|
||||
font-size: 1.1vw;
|
||||
letter-spacing: 0.5vh;
|
||||
opacity: 0.7;
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.unionList {
|
||||
border-radius: 0.4vw;
|
||||
font-size: 0.9vw;
|
||||
overflow: auto;
|
||||
width: 100%;
|
||||
height: calc(100% - 160px);
|
||||
}
|
||||
|
||||
.unionList::-webkit-scrollbar {
|
||||
width: 0; /* 隐藏滚动条宽度（适用于WebKit浏览器，如Chrome和Safari） */
|
||||
}
|
||||
|
||||
.sameIndex {
|
||||
text-align: center;
|
||||
display: inline-block;
|
||||
width: 1.5vw;
|
||||
line-height: 1.5vw;
|
||||
height: 1.5vw;
|
||||
border-radius: 50%;
|
||||
background: #03e9df;
|
||||
color: #093144;
|
||||
}
|
||||
|
||||
.sameLoad {
|
||||
display: inline-block;
|
||||
width: 14vw;
|
||||
height: 1.3vh;
|
||||
vertical-align: middle;
|
||||
border: 0.06vw solid #43c4c8;
|
||||
border-radius: 1.3vw;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.sameLoad2 {
|
||||
display: inline-block;
|
||||
width: 20vw;
|
||||
height: 1.3vh;
|
||||
vertical-align: middle;
|
||||
border: 0.06vw solid #43c4c8;
|
||||
border-radius: 1.3vw;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.loadBg {
|
||||
background: linear-gradient(to right, #1194d3, #33FFDD, #0baedd, #91e8fc, #AAFFEE);
|
||||
height: 1.1vh;
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
border-radius: 3vw;
|
||||
left: 0.1vw;
|
||||
top: 0.1vh;
|
||||
}
|
||||
|
||||
.sameLoadDiv {
|
||||
margin-top: 0.2vh;
|
||||
}
|
||||
|
||||
@@ -1,241 +0,0 @@
|
||||
html, body, #app {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#data-view {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: #030409;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#data-view #dv-full-screen-container, #data-view .main-content {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
/*width: 100vw!important;*/
|
||||
/*height: 100vh!important;*/
|
||||
/*transform: unset!important;*/
|
||||
}
|
||||
|
||||
#data-view #dv-full-screen-container {
|
||||
background-image: url(http://datav.jiaminghi.com/demo/construction-data/img/bg.837e99ea.png);
|
||||
background-size: 100% 100%;
|
||||
-webkit-box-shadow: 0 0 3px #00f;
|
||||
box-shadow: 0 0 3px #00f;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
#top-header {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 100px;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-pack: justify;
|
||||
-ms-flex-pack: justify;
|
||||
justify-content: space-between;
|
||||
-ms-flex-negative: 0;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
#top-header .header-left-decoration, #top-header .header-right-decoration {
|
||||
width: 25%;
|
||||
height: 60px;
|
||||
}
|
||||
|
||||
#top-header .header-center-decoration {
|
||||
width: 40%;
|
||||
height: 60px;
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
#top-header .header-left-decoration, #top-header .header-right-decoration {
|
||||
width: 25%;
|
||||
height: 60px;
|
||||
}
|
||||
|
||||
#top-header .center-title {
|
||||
position: absolute;
|
||||
font-size: 30px;
|
||||
font-weight: 700;
|
||||
left: 50%;
|
||||
top: 15px;
|
||||
-webkit-transform: translateX(-50%);
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
#main-content {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr 1fr 1fr;
|
||||
grid-template-rows: 1fr 1fr 1fr;
|
||||
grid-column-gap: 20px;
|
||||
grid-row-gap: 30px;
|
||||
flex: 1;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
#main-content > div {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.box2 {
|
||||
grid-column: 2/4;
|
||||
grid-row: 1/3;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.box3 {
|
||||
grid-row: 1/3;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
|
||||
.box2 .ball {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 7rem;
|
||||
height: 7rem;
|
||||
flex-direction: column;
|
||||
position: absolute;
|
||||
background: url(/assets/platform/img/datav/proposal/yuan3-01.png) no-repeat center;
|
||||
background-size: 100%;
|
||||
text-align: center;
|
||||
box-sizing: border-box;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.box2 .ball1 {
|
||||
left: 2rem;
|
||||
bottom: 5rem;
|
||||
animation: ball1 4s linear infinite;
|
||||
}
|
||||
|
||||
.box2 .ball2 {
|
||||
left: 10rem;
|
||||
bottom: 5rem;
|
||||
animation: ball2 4s linear infinite;
|
||||
}
|
||||
|
||||
.box2 .ball3 {
|
||||
right: 2rem;
|
||||
bottom: 5rem;
|
||||
animation: ball1 4s linear infinite;
|
||||
}
|
||||
|
||||
.box2 .ball4 {
|
||||
right: 10rem;
|
||||
bottom: 5rem;
|
||||
animation: ball2 4s linear infinite;
|
||||
}
|
||||
|
||||
.box2 .ball .title {
|
||||
height: 2rem;
|
||||
line-height: 2rem;
|
||||
}
|
||||
|
||||
.box2 .ball .num {
|
||||
height: 2rem;
|
||||
line-height: 2rem;
|
||||
font-weight: bolder;
|
||||
font-size: 25px;
|
||||
}
|
||||
|
||||
@keyframes ball1 {
|
||||
0% {
|
||||
transform: translate(0%, 0%);
|
||||
}
|
||||
25% {
|
||||
transform: translate(0%,-20%);
|
||||
}
|
||||
50% {
|
||||
transform: translate(0%,0%);
|
||||
}
|
||||
75% {
|
||||
transform: translate(0%,20%);
|
||||
}
|
||||
100% {
|
||||
transform: translate(0%,0%);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes ball2 {
|
||||
0% {
|
||||
transform: translateY(0%);
|
||||
}
|
||||
25% {
|
||||
transform: translateY(20%);
|
||||
}
|
||||
50% {
|
||||
transform: translateY(0%);
|
||||
}
|
||||
75% {
|
||||
transform: translateY(-20%);
|
||||
}
|
||||
100% {
|
||||
transform: translateY(0%);
|
||||
}
|
||||
}
|
||||
|
||||
.box2 .middle {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: url(/assets/platform/img/datav/proposal/big.png) no-repeat bottom 20px center;
|
||||
background-size: 70%;
|
||||
}
|
||||
|
||||
.box2 .middle .cicle1 {
|
||||
transform-style: preserve-3d;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
margin: -2rem 0 0 -10rem;
|
||||
width: 20rem;
|
||||
height: 30rem;
|
||||
background: url(/assets/platform/img/datav/proposal/circle.png) no-repeat center;
|
||||
background-size: contain;
|
||||
transform: rotateX(70deg);
|
||||
animation: circle 5s linear infinite;
|
||||
}
|
||||
|
||||
@keyframes circle {
|
||||
0% {
|
||||
transform: rotateX(70deg) rotateZ(0);
|
||||
}
|
||||
100% {
|
||||
transform: rotateX(70deg) rotateZ(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.box6 {
|
||||
grid-column: 1/3;
|
||||
}
|
||||
|
||||
.box7 {
|
||||
grid-column: 3/5;
|
||||
}
|
||||
|
||||
.box-title {
|
||||
position: absolute;
|
||||
height: 40px;
|
||||
background: #0a6c8f;
|
||||
border-radius: 20px;
|
||||
text-align: center;
|
||||
width: 200px;
|
||||
top: -20px;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
line-height: 40px;
|
||||
text-shadow: 0 0 25px #00fbfe;
|
||||
font-weight: bolder;
|
||||
}
|
||||
@@ -1,193 +0,0 @@
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
html, body, #app {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
#data-view {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: #030409;
|
||||
color: #fff;
|
||||
background-image: url("/assets/platform/img/datav/staff/bg.png");
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
#data-view #dv-full-screen-container, #data-view .main-content {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
}
|
||||
|
||||
#data-view #dv-full-screen-container {
|
||||
background-image: url("/assets/platform/img/datav/staff/bg.png");
|
||||
background-size: 100% 100%;
|
||||
-webkit-box-shadow: 0 0 3px #00f;
|
||||
box-shadow: 0 0 3px #00f;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
#top-header {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 10vh;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
flex-shrink: 0;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
#top-header .header-left-decoration, #top-header .header-right-decoration {
|
||||
width: 25%;
|
||||
height: 8vh;
|
||||
}
|
||||
|
||||
#top-header .header-center-decoration {
|
||||
width: 40%;
|
||||
margin-top: 0;
|
||||
font-size: 25px;
|
||||
font-weight: 700;
|
||||
height: 8vh;
|
||||
}
|
||||
|
||||
#top-header .header-left-decoration, #top-header .header-right-decoration {
|
||||
width: 25%;
|
||||
height: 8vh;
|
||||
}
|
||||
|
||||
#top-header .center-title {
|
||||
position: absolute;
|
||||
font-size: 30px;
|
||||
font-weight: 700;
|
||||
left: 50%;
|
||||
top: 15px;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
#main-content {
|
||||
height: calc(100vh - 10vh);
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr 1fr 1fr;
|
||||
grid-template-rows: 1fr 1fr 1fr;
|
||||
grid-column-gap: 20px;
|
||||
grid-row-gap: 30px;
|
||||
flex: 1;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
#main-content > div {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#main-content .box {
|
||||
background: url("/assets/platform/img/datav/staff/Elechart_listsbg.png") no-repeat;
|
||||
background-size: 100% 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.box1 {
|
||||
grid-row: 1/3;
|
||||
}
|
||||
|
||||
.box2 {
|
||||
grid-column: 2/4;
|
||||
grid-row: 1/3;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.box3 {
|
||||
|
||||
}
|
||||
|
||||
.box4 {
|
||||
|
||||
}
|
||||
|
||||
.box5 {
|
||||
grid-column: 1/3;
|
||||
}
|
||||
|
||||
.box6 {
|
||||
grid-column: 3/5;
|
||||
}
|
||||
|
||||
.box-title {
|
||||
height: 4vh;
|
||||
line-height: 4vh;
|
||||
margin-bottom: 2vh;
|
||||
font-weight: bold;
|
||||
font-size: 1.1vw;
|
||||
letter-spacing: 0.5vh;
|
||||
opacity: 0.7;
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.unionList {
|
||||
border-radius: 0.4vw;
|
||||
font-size: 0.9vw;
|
||||
overflow: auto;
|
||||
width: 100%;
|
||||
height: calc(100% - 160px);
|
||||
}
|
||||
|
||||
.unionList::-webkit-scrollbar {
|
||||
width: 0; /* 隐藏滚动条宽度（适用于WebKit浏览器，如Chrome和Safari） */
|
||||
}
|
||||
|
||||
.sameIndex {
|
||||
text-align: center;
|
||||
display: inline-block;
|
||||
width: 1.5vw;
|
||||
line-height: 1.5vw;
|
||||
height: 1.5vw;
|
||||
border-radius: 50%;
|
||||
background: #03e9df;
|
||||
color: #093144;
|
||||
}
|
||||
|
||||
.sameLoad {
|
||||
display: inline-block;
|
||||
width: 14vw;
|
||||
height: 1.3vh;
|
||||
vertical-align: middle;
|
||||
border: 0.06vw solid #43c4c8;
|
||||
border-radius: 1.3vw;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.sameLoad2 {
|
||||
display: inline-block;
|
||||
width: 20vw;
|
||||
height: 1.3vh;
|
||||
vertical-align: middle;
|
||||
border: 0.06vw solid #43c4c8;
|
||||
border-radius: 1.3vw;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.loadBg {
|
||||
background: linear-gradient(to right, #1194d3, #33FFDD, #0baedd, #91e8fc, #AAFFEE);
|
||||
height: 1.1vh;
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
border-radius: 3vw;
|
||||
left: 0.1vw;
|
||||
top: 0.1vh;
|
||||
}
|
||||
|
||||
.sameLoadDiv {
|
||||
margin-top: 0.2vh;
|
||||
}
|
||||
|
||||
@@ -1,122 +0,0 @@
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
html, body, #app {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
#data-view {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: #030409;
|
||||
color: #fff;
|
||||
background-image: url("/assets/platform/img/datav/staff/bg.png");
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
#data-view #dv-full-screen-container, #data-view .main-content {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
}
|
||||
|
||||
#data-view #dv-full-screen-container {
|
||||
background-image: url("/assets/platform/img/datav/staff/bg.png");
|
||||
background-size: 100% 100%;
|
||||
-webkit-box-shadow: 0 0 3px #00f;
|
||||
box-shadow: 0 0 3px #00f;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
#top-header {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 10vh;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
flex-shrink: 0;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
#top-header .header-left-decoration, #top-header .header-right-decoration {
|
||||
width: 25%;
|
||||
height: 8vh;
|
||||
}
|
||||
|
||||
#top-header .header-center-decoration {
|
||||
width: 40%;
|
||||
margin-top: 0;
|
||||
font-size: 25px;
|
||||
font-weight: 700;
|
||||
height: 8vh;
|
||||
}
|
||||
|
||||
#top-header .header-left-decoration, #top-header .header-right-decoration {
|
||||
width: 25%;
|
||||
height: 8vh;
|
||||
}
|
||||
|
||||
#top-header .center-title {
|
||||
position: absolute;
|
||||
font-size: 30px;
|
||||
font-weight: 700;
|
||||
left: 50%;
|
||||
top: 15px;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
#main-content {
|
||||
height: calc(100vh - 10vh);
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr 1fr 1fr;
|
||||
grid-template-rows: 1fr 1fr 1fr;
|
||||
grid-column-gap: 20px;
|
||||
grid-row-gap: 30px;
|
||||
flex: 1;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
#main-content > div {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#main-content .box {
|
||||
background: url("/assets/platform/img/datav/staff/Elechart_listsbg.png") no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
|
||||
.box2 {
|
||||
grid-column: 2/4;
|
||||
grid-row: 1/3;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.box6 {
|
||||
grid-column: 1/3;
|
||||
}
|
||||
|
||||
.box7 {
|
||||
grid-column: 3/5;
|
||||
}
|
||||
|
||||
.box-title {
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
font-weight: bold;
|
||||
font-size: 1.1vw;
|
||||
letter-spacing: 0.5vh;
|
||||
opacity: 0.7;
|
||||
display: inline-block;
|
||||
padding-left: 1vw;
|
||||
|
||||
}
|
||||
Reference in New Issue
Block a user