主题:智慧医院卫生平台
开发技术:
Echarts+html+css+js
支持平台:
dw,vscode,webstorm,idea,Hbuilderx等
源码:文末附
整体效果
部分js代码
<body> <div class="head clearfix"> <h1 class="">双数智慧公卫-传染病督导平台</h1> <div class="time" id="showTime">2018/6/12 17:00:12</div> <script> var t = null; t = setTimeout(time,1000);//開始运行 function time() { clearTimeout(t);//清除定时器 dt = new Date(); var y=dt.getFullYear(); var mt=dt.getMonth()+1; var day=dt.getDate(); var h=dt.getHours();//获取时 var m=dt.getMinutes();//获取分 var s=dt.getSeconds();//获取秒 document.getElementById("showTime").innerHTML = y+"/"+mt+"/"+day+" "+h+":"+m+":"+s+""; t = setTimeout(time,1000); //设定定时器，循环运行 } </script> </div> <div class="mainbox"> <ul class="clearfix nav1"> <li style="width: 26%"> <div class="box"> <div class="tit"><span>当日情况</span><p></p></div> <div class="boxnav" style="height: 320px;"> <ul class="drqk clearfix"> <li> <div class="icon"><img src="images/icona.png"></div> <div><span>今日就诊人数</span> <p><em>1358</em><i>人</i></p></div> </li> <li><div class="icon"><img src="images/iconb.png"></div> <div><span>今日就诊人数</span> <p><em>1983</em><i>人</i></p></div></li> <li><div class="icon"><img src="images/iconc.png"></div> <div><span>今日就诊人数</span> <p><em>930</em><i>人</i></p></div></li> </ul> </div> </div> <div class="box"> <div class="tit"><span>法定传染病监测 </span><p></p></div> <div class="boxnav" style="height:140px;"> <table class="table1" width="100%" border="0" cellspacing="0" cellpadding="0"> <tbody>
部分css代码
html,body{min-height: 100%;} li{ list-style-type:none;} table{} i{ margin:0px; padding:0px; text-indent:0px;} img{ border:none; max-width: 100%;} a{ text-decoration:none; color:#fff;} a.active,a:focus{ outline:none!important; text-decoration:none;} ol,ul,p,h1,h2,h3,h4,h5,h6{ padding:0; margin:0} a:hover{ color:#06c; text-decoration: none!important} .clearfix:after, .clearfix:before {display: table;content: " "} .clearfix:after {clear: both} .pulll_left{float:left;} .pulll_right{float:right;} i{font-style: normal;} .text-w{color: #ffe400} .text-d{color: #ff0000} .text-s{color: #14e144} .text-b{color: #00deff} .head{position: relative; height: 90px; background: url(../images/topbg.png) center bottom no-repeat; background-size:100% 100%;} .head h1{ font-size: 30px;text-align: center; line-height: 90px; color: #daf9ff;} .head .time{position: absolute; left: 40px; line-height: 40px; top: 0; opacity: .7} .head .name{position: absolute; right:40px; line-height: 40px; top: 0;opacity: .7}
想要源码的小伙伴们，请关注公众号Echarts技术专家，点击获取资源。
