chenxuan/visual-vue-v1
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

no message

Browse Source
This commit is contained in:
chenxuanThinkpad
2023-10-18 16:30:26 +08:00
parent 2fdae738f0
commit 730c511206
3037 changed files with 987677 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resource/html/06government/01/css/test-1024.css
+289
View File
@@ -0,0 +1,289 @@
/*青岛研锦网络科技有限公司 版权所有*/
/*common.css*/
body{
background: #081325 url(../images/interact.png) center no-repeat;
background-size:cover;
}
div{
box-sizing: border-box;
}
/******
版权所有
云码资源淘宝店铺 大数据可视化大屏模板专家
https://shop188702750.taobao.com/search.htm?spm=a1z10.1-c.0.0.1221421cqgmNaI&search=y
******/
.clearfix{
clear:both;
}
.container-header{
width:100%;
height:74px;
text-align: center;
box-sizing: border-box;
}
.container-header .nowTime{
position: absolute;
left:0px;
top:41px;
font-size: 0;
}
.container-header .nowTime li{
display: inline-block;
width:94px;
height:20px;
font-size: 14px;
color:#fff;
}
.nowTime li{
display: inline-block;
float: left;
/*font-weight: 800;*/
background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#5ec0d2));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.nowTime li div{
background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#5ec0d2));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 8px;
text-align: left;
}
.nowTime li p {
background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#5ec0d2));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 4px;
}
.container-header .location{
position: absolute;
right:17px;
top:46px;
}
.location i{
font-size: 14px;
font-weight: 800;
color:#7e9bc6;
}
.location span{
font-size: 13px;
line-height: 30px;
color:#168fcd;
}
.container-header h3{
line-height: 74px;
font-size: 36px;
font-weight: 800;
color:#fff;
}
/* 边角 */
.left-top,.right-top,.left-bottom,.right-bottom{
position:absolute;
width:13px;
height:13px;
}
.left-top{
left:0;
top:0;
border-left:solid 2px #045291;
border-top:solid 2px #045291;
}
.right-top{
right:0;
top:0;
border-right:solid 2px #045291;
border-top:solid 2px #045291;
}
.left-bottom{
left:0;
bottom:0;
border-left:solid 2px #045291;
border-bottom:solid 2px #045291;
}
.right-bottom{
right:0;
bottom:0;
border-right:solid 2px #045291;
border-bottom:solid 2px #045291;
}
.resource-right .com-count-title{
font-size: 16px;
margin-left: 10px;
}
.com-count-title{
color:#1bb4f9;
padding:20px;
font-size: 22px;
}
.com-screen-content{
width:100%;
height:auto;
}
.com-screen-content2{
width:100%;
height:auto;
}
.filter-type{
font-size: 0;
}
.filter-type li:hover{
cursor: pointer;
}
.filter-type li{
display: inline-block;
width:120px;
line-height: 40px;
font-family: myFirstFont;
font-size: 20px;
text-align:center ;
color:#024f9b;
border:solid 1px #075797;
background:#0d2343;
}
.filter-type li.active{
color:white;
background:#0c182d;
border:solid 1px #1bb9f9;
}
.container-content{
padding:10px 20px;
box-sizing: border-box;
}
.count-base,.count-resource,.count-share,.count-topic{
position:relative;
padding:20px;
margin-top: 10px;
box-sizing: border-box;
}
.com-count-title{
color:#1bb4f9;
font-size: 12px;
padding:0;
}
.count-base{
margin-left:10px;
float:left;/*浮动*/
width:31%;
height:350px;
background: url('../images/left-top3.jpg') center no-repeat;
background-size:cover;
}
.count-resource{
margin-left:10px;
float:left;
width:31%;
height:350px;
background: url('../images/left-top3.jpg') center no-repeat;
background-size:cover;
}
.count-share{
margin-left:10px;
float:left;
width:47.0%;
height:350px;
background: url('../images/left-bottom2.jpg') center no-repeat;
background-size:cover;
}
.count-topic{
margin-left:10px;
float:left;
width:47.0%;
height:350px;
background: url('../images/left-bottom2.jpg') center no-repeat;
background-size:cover;
}
.data-label{
position:absolute;
top:20px;
right:10px;
}
.data-label li{
float:left;
width: 60px;
text-align: center;
font-size: 12px;
color: #828c9d;
}
.data-label li:hover,.data-label li.active{
color: #fff;
background: url("../images/choose-item.png") center no-repeat;
}
@charset "utf-8";
/* author lyc */
*{ margin:0px; padding:0px; font-family:'微软雅黑'; -webkit-tap-highlight-color:rgba(0,0,0,0); }
li{ list-style:none }
img{ border:none}
a{text-decoration:none;}
.topRec_List dl,.maquee{ width:90%; overflow:hidden; margin:0 auto; color:#f0ece2}
.topRec_List dd{ float:left; text-align:left; border-bottom:1px solid #1B96EE; color:#1B96EE;font-size:10px;}
.topRec_List dl dd:nth-child(1){ width:50%; height:40px; line-height:40px; }
.topRec_List dl dd:nth-child(2){ width:30%; height:40px; line-height:40px; }
.topRec_List dl dd:nth-child(3){ width:20%; height:40px; line-height:40px; }
.maquee{ height:195px;}
.topRec_List ul{ width:100%; height:195px;}
.topRec_List li{ width:100%; height:28px; line-height:38px; text-align:left; font-size:10px;color:#76dbd1}
/*.topRec_List li:nth-child(2n){ background:#077cd0}*/
.topRec_List li div{ float:left;}
.topRec_List li div:nth-child(1){ width:50%;}
.topRec_List li div:nth-child(2){ width:30%;}
.topRec_List li div:nth-child(3){ width:20%;}
.use-data{
text-align: center;
padding: 2px 0;
margin-top:3%;
height: 5%;
background: url(../images/resource-use-data.jpg) center no-repeat;
background-size:cover;
border: solid 1px #093552;
border-right: 0px;
border-left: 0;
}
.use-data li{
width:30%;
font-size: 0;
display: inline-table;
border-right:solid 1px #1f4191;
}
.use-data li:last-child{
border-right:0;
}
.use-data .data-count{
color:#fff;
font-family:myFirstFont ;
height: 1%;
font-size: 12px;
}
.use-data .data-name{
color:#1bb9f9;
font-size: 12px;
}
resource/html/06government/01/css/test-1280.css
+295
View File
@@ -0,0 +1,295 @@
/*青岛研锦网络科技有限公司 版权所有*/
/*common.css*/
@font-face
{
font-family: myFirstFont;
src: url('../font/Fette-Engschrift.ttf');
}
body{
background: #081325 url(../images/interact.png) center no-repeat;
background-size:cover;
}
div{
box-sizing: border-box;
}
.clearfix{
clear:both;
}
.container-header{
width:100%;
height:74px;
text-align: center;
box-sizing: border-box;
}
.container-header .nowTime{
position: absolute;
left:20px;
top:41px;
font-size: 0;
}
.container-header .nowTime li{
display: inline-block;
width:130px;
height:40px;
font-size: 24px;
color:#fff;
}
.nowTime li{
display: inline-block;
float: left;
/*font-weight: 800;*/
background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#5ec0d2));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.nowTime li div{
background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#5ec0d2));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 12px;
text-align: left;
}
.nowTime li p {
background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#5ec0d2));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 12px;
}
.container-header .location{
position: absolute;
right:17px;
top:46px;
}
.location i{
font-size: 14px;
font-weight: 800;
color:#7e9bc6;
}
.location span{
font-size: 16px;
line-height: 30px;
color:#168fcd;
}
.container-header h3{
line-height: 74px;
font-size: 40px;
font-weight: 800;
color:#fff;
}
/* 边角 */
.left-top,.right-top,.left-bottom,.right-bottom{
position:absolute;
width:13px;
height:13px;
}
.left-top{
left:0;
top:0;
border-left:solid 2px #045291;
border-top:solid 2px #045291;
}
.right-top{
right:0;
top:0;
border-right:solid 2px #045291;
border-top:solid 2px #045291;
}
.left-bottom{
left:0;
bottom:0;
border-left:solid 2px #045291;
border-bottom:solid 2px #045291;
}
.right-bottom{
right:0;
bottom:0;
border-right:solid 2px #045291;
border-bottom:solid 2px #045291;
}
.resource-right .com-count-title{
font-size: 16px;
margin-left: 10px;
}
.com-count-title{
color:#1bb4f9;
padding:20px;
font-size: 22px;
}
.com-screen-content{
width:100%;
height:auto;
}
.com-screen-content2{
width:100%;
height:auto;
}
.filter-type{
font-size: 0;
}
.filter-type li:hover{
cursor: pointer;
}
.filter-type li{
display: inline-block;
width:120px;
line-height: 40px;
font-family: myFirstFont;
font-size: 20px;
text-align:center ;
color:#024f9b;
border:solid 1px #075797;
background:#0d2343;
}
.filter-type li.active{
color:white;
background:#0c182d;
border:solid 1px #1bb9f9;
}
.container-content{
padding:10px 20px;
box-sizing: border-box;
}
.count-base,.count-resource,.count-share,.count-topic{
position:relative;
padding:20px;
margin-top: 10px;
box-sizing: border-box;
}
.com-count-title{
color:#1bb4f9;
font-size: 16px;
padding:0;
}
.count-base{
margin-left:10px;
float:left;/*浮动*/
width:32%;
height:350px;
background: url('../images/left-top3.jpg') center no-repeat;
background-size:cover;
}
.count-resource{
margin-left:10px;
float:left;
width:32%;
height:350px;
background: url('../images/left-top3.jpg') center no-repeat;
background-size:cover;
}
.count-share{
margin-left:10px;
float:left;
width:48.4%;
height:350px;
background: url('../images/left-bottom2.jpg') center no-repeat;
background-size:cover;
}
.count-topic{
margin-left:10px;
float:left;
width:48.4%;
height:350px;
background: url('../images/left-bottom2.jpg') center no-repeat;
background-size:cover;
}
.data-label{
position:absolute;
top:20px;
right:10px;
}
.data-label li{
float:left;
width: 90px;
text-align: center;
font-size: 16px;
color: #828c9d;
}
.data-label li:hover,.data-label li.active{
color: #fff;
background: url("../images/choose-item.png") center no-repeat;
}
@charset "utf-8";
/* author lyc */
*{ margin:0px; padding:0px; font-family:'微软雅黑'; -webkit-tap-highlight-color:rgba(0,0,0,0); }
li{ list-style:none }
img{ border:none}
a{text-decoration:none;}
/* -------------------------摇奖排行榜----------------------------------- */
.topRec_List dl,.maquee{ width:90%; overflow:hidden; margin:0 auto; color:#f0ece2}
.topRec_List dd{ float:left; text-align:left; border-bottom:1px solid #1B96EE; color:#1B96EE;font-size:14px;}
.topRec_List dl dd:nth-child(1){ width:50%; height:40px; line-height:40px; }
.topRec_List dl dd:nth-child(2){ width:30%; height:40px; line-height:40px; }
.topRec_List dl dd:nth-child(3){ width:20%; height:40px; line-height:40px; }
.maquee{ height:195px;}
.topRec_List ul{ width:100%; height:195px;}
.topRec_List li{ width:100%; height:38px; line-height:38px; text-align:left; font-size:9px;color:#76dbd1}
/*.topRec_List li:nth-child(2n){ background:#077cd0}*/
.topRec_List li div{ float:left;}
.topRec_List li div:nth-child(1){ width:50%;}
.topRec_List li div:nth-child(2){ width:30%;}
.topRec_List li div:nth-child(3){ width:20%;}
.use-data{
text-align: center;
padding: 2px 0;
margin-top:3%;
height: 5%;
background: url(../images/resource-use-data.jpg) center no-repeat;
background-size:cover;
border: solid 1px #093552;
border-right: 0px;
border-left: 0;
}
.use-data li{
width:30%;
font-size: 0;
display: inline-table;
border-right:solid 1px #1f4191;
}
.use-data li:last-child{
border-right:0;
}
.use-data .data-count{
color:#fff;
font-family:myFirstFont ;
height: 1%;
font-size: 14px;
}
.use-data .data-name{
color:#1bb9f9;
font-size: 14px;
}
resource/html/06government/01/css/test-1920.css
+289
View File
@@ -0,0 +1,289 @@
/******
版权所有
云码资源淘宝店铺 大数据可视化大屏模板专家
https://shop188702750.taobao.com/search.htm?spm=a1z10.1-c.0.0.1221421cqgmNaI&search=y
******/
body{
background: #081325 url(../images/interact.png) center no-repeat;
background-size:cover;
}
div{
box-sizing: border-box;
}
.clearfix{
clear:both;
}
.container-header{
width:100%;
height:74px;
text-align: center;
box-sizing: border-box;
}
.container-header .nowTime{
position: absolute;
left:20px;
top:41px;
font-size: 0;
}
.container-header .nowTime li{
display: inline-block;
width:140px;
height:40px;
font-size: 30px;
color:#fff;
}
.nowTime li{
display: inline-block;
float: left;
/*font-weight: 800;*/
background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#5ec0d2));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.nowTime li div{
background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#5ec0d2));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 16px;
text-align: left;
}
.nowTime li p {
background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#5ec0d2));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 16px;
}
.container-header .location{
position: absolute;
right:17px;
top:46px;
}
.location i{
font-size: 18px;
font-weight: 800;
color:#7e9bc6;
}
.location span{
font-size: 20px;
line-height: 30px;
color:#168fcd;
}
.container-header h3{
line-height: 74px;
font-size: 2.5vw;
font-weight: 800;
color:#fff;
}
/******
版权所有
云码资源淘宝店铺 大数据可视化大屏模板专家
https://shop188702750.taobao.com/search.htm?spm=a1z10.1-c.0.0.1221421cqgmNaI&search=y
******/
/* 边角 */
.left-top,.right-top,.left-bottom,.right-bottom{
position:absolute;
width:13px;
height:13px;
}
.left-top{
left:0;
top:0;
border-left:solid 2px #045291;
border-top:solid 2px #045291;
}
.right-top{
right:0;
top:0;
border-right:solid 2px #045291;
border-top:solid 2px #045291;
}
.left-bottom{
left:0;
bottom:0;
border-left:solid 2px #045291;
border-bottom:solid 2px #045291;
}
.right-bottom{
right:0;
bottom:0;
border-right:solid 2px #045291;
border-bottom:solid 2px #045291;
}
.resource-right .com-count-title{
font-size: 16px;
margin-left: 10px;
}
.com-count-title{
color:#1bb4f9;
padding:20px;
font-size: 22px;
}
.com-screen-content{
width:100%;
height:auto;
}
.com-screen-content2{
width:100%;
height:auto;
}
.filter-type{
font-size: 0;
}
.filter-type li:hover{
cursor: pointer;
}
.filter-type li{
display: inline-block;
width:120px;
line-height: 40px;
font-family: myFirstFont;
font-size: 20px;
text-align:center ;
color:#024f9b;
border:solid 1px #075797;
background:#0d2343;
}
.filter-type li.active{
color:white;
background:#0c182d;
border:solid 1px #1bb9f9;
}
.container-content{
padding:10px 20px;
box-sizing: border-box;
}
.count-base,.count-resource,.count-share,.count-topic{
position:relative;
padding:20px;
margin-top: 10px;
box-sizing: border-box;
}
.com-count-title{
color:#1bb4f9;
font-size: 18px;
padding:0;
}
.count-base{
margin-left:10px;
float:left;/*浮动*/
width:32%;
height:350px;
background: url('../images/left-top3.jpg') center no-repeat;
background-size:cover;
}
.count-resource{
margin-left:10px;
float:left;
width:32%;
height:350px;
background: url('../images/left-top3.jpg') center no-repeat;
background-size:cover;
}
.count-share{
margin-left:10px;
float:left;
width:48.4%;
height:350px;
background: url('../images/left-bottom2.jpg') center no-repeat;
background-size:cover;
}
.count-topic{
margin-left:10px;
float:left;
width:48.4%;
height:350px;
background: url('../images/left-bottom2.jpg') center no-repeat;
background-size:cover;
}
.data-label{
position:absolute;
top:20px;
right:10px;
}
.data-label li{
float:left;
width: 120px;
text-align: center;
font-size: 18px;
color: #828c9d;
}
.data-label li:hover,.data-label li.active{
color: #fff;
background: url("../images/choose-item.png") center no-repeat;
}
@charset "utf-8";
/* author lyc */
*{ margin:0px; padding:0px; font-family:'微软雅黑'; -webkit-tap-highlight-color:rgba(0,0,0,0); }
li{ list-style:none }
img{ border:none}
a{text-decoration:none;}
.topRec_List dl,.maquee{ width:90%; overflow:hidden; margin:0 auto; color:#f0ece2}
.topRec_List dd{ float:left; text-align:left; border-bottom:1px solid #1B96EE; color:#1B96EE;font-size:14px;}
.topRec_List dl dd:nth-child(1){ width:50%; height:40px; line-height:40px; }
.topRec_List dl dd:nth-child(2){ width:30%; height:40px; line-height:40px; }
.topRec_List dl dd:nth-child(3){ width:20%; height:40px; line-height:40px; }
.maquee{ height:195px;}
.topRec_List ul{ width:100%; height:195px;}
.topRec_List li{ width:100%; height:38px; line-height:38px; text-align:left; font-size:12px;color:#76dbd1}
/*.topRec_List li:nth-child(2n){ background:#077cd0}*/
.topRec_List li div{ float:left;}
.topRec_List li div:nth-child(1){ width:50%;}
.topRec_List li div:nth-child(2){ width:30%;}
.topRec_List li div:nth-child(3){ width:20%;}
.use-data{
text-align: center;
padding: 2px 0;
margin-top:3%;
height: 5%;
background: url(../images/resource-use-data.jpg) center no-repeat;
background-size:cover;
border: solid 1px #093552;
border-right: 0px;
border-left: 0;
}
.use-data li{
width:30%;
font-size: 0;
display: inline-table;
border-right:solid 1px #1f4191;
}
.use-data li:last-child{
border-right:0;
}
.use-data .data-count{
color:#fff;
font-family:myFirstFont ;
height: 1%;
font-size: 16px;
}
.use-data .data-name{
color:#1bb9f9;
font-size: 16px;
}
resource/html/06government/01/icon/iconfont.css
+19
View File
@@ -0,0 +1,19 @@
@font-face {font-family: "iconfont";
src: url('iconfont.eot?t=1516847126977'); /* IE9*/
src: url('iconfont.eot?t=1516847126977#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAV0AAsAAAAAB+QAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFZW7kf/Y21hcAAAAYAAAABeAAABhpmMBr5nbHlmAAAB4AAAAZ8AAAHEm4J/L2hlYWQAAAOAAAAALgAAADYQPgYpaGhlYQAAA7AAAAAcAAAAJAfeA4RobXR4AAADzAAAAAwAAAAMC+kAAGxvY2EAAAPYAAAACAAAAAgAdgDibWF4cAAAA+AAAAAfAAAAIAESAF1uYW1lAAAEAAAAAUUAAAJtPlT+fXBvc3QAAAVIAAAALAAAAD21fvVfeJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2Bk/sE4gYGVgYOpk+kMAwNDP4RmfM1gxMjBwMDEwMrMgBUEpLmmMDgwVDwTZW7438AQw9zA0AAUZgTJAQAk6wyBeJzFkMENgDAMAy9t6QPx7Q48GIgXc3TirlFMKA8mqCXHimMpUYAFiOIhJrAL48Ep19yPrO4nz2SpEait9K7+U0U0y65BJTMNNm/1H5vXfXT6CnVQJ7byknADgzcL4wAAeJwtTz1v01AUfee92E5CYpNnx88fTezEbR40YAnjJGpRkoVEATFEysTWLGytxNSFwQsSkRiYUSeExC8oU8dKrF0ZEfyB/oAGHpSrq6Nzde450iEaIb9/sAvmEZvcI4/IU7IkBHofXZO20JF5SvtodrSmcEwmE9kxkm7KxhBd3XGzYd4TuqFbMNHG4042lCmVGOQT+gSZ2wL8MFjxvR3OPqDqyfbb7XP6Cc0o2bEmD7fPHkydLLbLpzXOfc7fl3VNK1NaskwcC7eiVar69rNmBc2L6D6NUPNl8OJlPQ75+l1+0toTFaAoYIex+WXaCBpq3wSuzX3jbr3sBfVk18HprzueXWv1fhI1JdW1YK9ZQRzSIxmZEKIlskdlitEEozaEq8pQg5kwdFe4XAy5EpTMUsjbDxN/VUXUmYLWPENc74cNlK7Ozq5KaIT714JvvjJYfnQ5Gl1GvgV2vlkcUXq0uMV8Tuk8/4dFNcar1XjWV16V0J+NV9uPMfumHPLwYLr9vlxCTg8O5eb85gbr/wGLNXYxzwczSmeDfP4H2qRQkwB4nGNgZGBgAOKN3SqC8fw2Xxm4WRhA4Fp/ohiC/t/AwsDcAORyMDCBRAH/0wjqAAB4nGNgZGBgbvjfwBDDwgACQJKRARUwAwBHCQJsBAAAAAPpAAAEAAAAAAAAAAB2AOJ4nGNgZGBgYGYIZGBlAAEmIOYCQgaG/2A+AwAQ9wFwAHicZY9NTsMwEIVf+gekEqqoYIfkBWIBKP0Rq25YVGr3XXTfpk6bKokjx63UA3AejsAJOALcgDvwSCebNpbH37x5Y08A3OAHHo7fLfeRPVwyO3INF7gXrlN/EG6QX4SbaONVuEX9TdjHM6bCbXRheYPXuGL2hHdhDx18CNdwjU/hOvUv4Qb5W7iJO/wKt9Dx6sI+5l5XuI1HL/bHVi+cXqnlQcWhySKTOb+CmV7vkoWt0uqca1vEJlODoF9JU51pW91T7NdD5yIVWZOqCas6SYzKrdnq0AUb5/JRrxeJHoQm5Vhj/rbGAo5xBYUlDowxQhhkiMro6DtVZvSvsUPCXntWPc3ndFsU1P9zhQEC9M9cU7qy0nk6T4E9XxtSdXQrbsuelDSRXs1JErJCXta2VELqATZlV44RelzRiT8oZ0j/AAlabsgAAAB4nGNgYoAALgbsgJmRiZGZkYWBsYI/qTS/NDcxv6Q0KTMx38iYgQEATDMGhQ==') format('woff'),
url('iconfont.ttf?t=1516847126977') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
url('iconfont.svg?t=1516847126977#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
font-family:"iconfont" !important;
font-size:16px;
font-style:normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-buoumaotubiao23:before { content: "\e615"; }
resource/html/06government/01/images/choose-item.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 324 B

resource/html/06government/01/images/interact.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 34 KiB

resource/html/06government/01/images/left-bottom2.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 28 KiB

resource/html/06government/01/images/left-top3.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 23 KiB

resource/html/06government/01/images/resource-use-data.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.9 KiB

resource/html/06government/01/index.html
+206
View File
@@ -0,0 +1,206 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>WebTools-Web开发者素材</title>
<link rel="icon" href="../../img/logo.png">
<link rel="stylesheet" href="icon/iconfont.css">
</head>
<body>
<div class="container-header">
<ul class="nowTime">
<li></li>
<li></li>
</ul>
<div class="location">
<i class="icon iconfont icon-buoumaotubiao23"></i>
<span class="areaName"></span>
</div>
<h3>政务大数据共享交换平台</h3>
</div>
<div class="container-content">
<div class="top">
<div class="count-base" >
<div class="com-count-title">资源总量构成</div>
<div class="com-screen-content">
<div id="main1" style="width:100%;height:300px;"></div>
</div>
<span class="left-top"></span>
<span class="right-top"></span>
<span class="left-bottom"></span>
<span class="right-bottom"></span>
</div>
<div class="count-resource q1">
<div class="com-count-title">资源总量统计</div>
<div class="com-screen-content2">
<ul class="use-data">
<li>
<p class="data-count">15681 </p>
<span class="data-name">数据总量</span>
</li>
<li>
<p class="data-count"> 1731</p>
<span class="data-name">更新量</span>
</li>
<li>
<p class="data-count">11753</p>
<span class="data-name">共享次数</span>
</li>
</ul>
<div class="com-screen-content">
<div id="main2" style="margin-top:10px;width:100%;height:240px;"></div>
</div>
<span class="left-top"></span>
<span class="right-top"></span>
<span class="left-bottom"></span>
<span class="right-bottom"></span>
</div>
</div>
<div class="count-resource q2">
<div class="com-count-title">基础库统计</div>
<div class="com-screen-content">
<ul class="data-label">
<li class="active" data-type="1">法人库</li>
<li data-type="2">人口库</li>
<li data-type="3">电子证照库</li>
</ul>
<ul class="use-data">
</ul>
<div id="main3" style="margin-top:10px;width:100%;height:240px;"></div>
</div>
<span class="left-top"></span>
<span class="right-top"></span>
<span class="left-bottom"></span>
<span class="right-bottom"></span>
</div>
</div>
<div class="mid">
<div class="count-share w1" >
<div class="com-count-title">数据共享次数</div>
<div class="com-screen-content">
<div class="topRec_List">
<dl>
<dd>资源名称</dd>
<dd>调用方</dd>
<dd>调用时间</dd>
</dl>
<div class="maquee">
<ul>
<li>
<div>审计局主要职责</div>
<div>审计局</div>
<div>08:20:26 </div>
</li>
<li>
<div>残联主要职责</div>
<div>残联</div>
<div>08:20:36 </div>
</li>
<li>
<div>委老干部局主要职责</div>
<div>老干部局</div>
<div>08:20:46 </div>
</li>
<li>
<div>公安局主要职责</div>
<div>公安局</div>
<div>08:20:56</div>
</li>
<li>
<div>民政局主要职责</div>
<div>民政局</div>
<div>08:21:04</div>
</li>
<li>
<div>交通运输局主要职责</div>
<div>交通运输局</div>
<div>08:21:07</div>
</li>
</ul>
</div>
</div>
</div>
<span class="left-top"></span>
<span class="right-top"></span>
<span class="left-bottom"></span>
<span class="right-bottom"></span>
</div>
<div class="count-share w2" >
<div class="com-count-title">数据共享次数</div>
<div class="com-screen-content">
<div id="main5" style="width:100%;height:300px;"></div>
</div>
<span class="left-top"></span>
<span class="right-top"></span>
<span class="left-bottom"></span>
<span class="right-bottom"></span>
</div>
</div>
<div class="bottom">
<div class="count-topic e1" >
<div class="com-count-title">主题库统计</div>
<div class="com-screen-content">
<div id="main6" style="width:100%;height:300px;"></div>
</div>
<span class="left-top"></span>
<span class="right-top"></span>
<span class="left-bottom"></span>
<span class="right-bottom"></span>
</div>
<div class="count-topic e2" >
<div class="com-count-title">主题库共享次数</div>
<div class="com-screen-content">
<div id="main7" style="width:100%;height:300px;"></div>
</div>
<span class="left-top"></span>
<span class="right-top"></span>
<span class="left-bottom"></span>
<span class="right-bottom"></span>
</div>
</div>
<div class="clearfix"></div>
</div>
<script src="../../js/jquery.min.js"></script>
<script src="../../js/echarts/echarts.min.js"></script>
<script type="text/javascript">
//根据不同的分辨率调用不同的css和js
if(window.screen.width>=1600){
document.write("<link href='css/test-1920.css' rel='stylesheet' type='text/css'>");
document.writeln("<script type=\"text/javascript\" src=\"js/test-1920.js\"><\/script>");
}
else if(window.screen.width<1600&&window.screen.width>=1280){
document.write("<link href='css/test-1280.css' rel='stylesheet' type='text/css'>");
document.writeln("<script type=\"text/javascript\" src=\"js/test-1280.js\"><\/script>");
}else{
document.write("<link href='css/test-1024.css' rel='stylesheet' type='text/css'>");
document.writeln("<script type=\"text/javascript\" src=\"js/test-1024.js\"><\/script>");
}
</script>
<script type="text/javascript">
function autoScroll(obj){
$(obj).find("ul").animate({
marginTop : "-39px"
},500,function(){
$(this).css({marginTop : "0px"}).find("li:first").appendTo(this);
})
}
$(function(){
setInterval('autoScroll(".maquee")',2000);
})
</script>
</body>
</html>
resource/html/06government/01/js/test-1024.js
+1166
View File
File diff suppressed because it is too large Load Diff
resource/html/06government/01/js/test-1280.js
+1165
View File
File diff suppressed because it is too large Load Diff
resource/html/06government/01/js/test-1920.js
+1165
View File
File diff suppressed because it is too large Load Diff