cxc
/
ifm


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160
							<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>消息列表</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    #include("template/huimv-hkclient-head.vm")
    <script src="views/hkclient/js/msg.js"></script>
    <link href="views/hkclient/css/msg_list.css" rel="stylesheet">
    <style rel="stylesheet">
        body, html {
            height: 100%;
   			background: url('views/hkclient/img/bjt.jpg');
			background-repeat: no-repeat;
	        background-size: 325%;
	        background-position-X: -1345px;
    		background-position-y: -380px;
        }
        /* 改 */
        #secA,#secB,#secC {
        	height: 31.5%;
        }
        #secC {
		    margin-bottom: 1.5%;
		}
        .flex-container section {
        	background: url('views/hkclient/img/scsjbk.PNG');
        	background-repeat: no-repeat;
       	    background-size: 100% 100%;
       		background-color: transparent;
    		position: relative;
    		background-position: 0;
        }
        .flex-container section .tillt {
        	padding: 0 25px;
        }
        .flex-container section#secA ul {
        	padding: 0 2% 0 18%;
        }
        .flex-container section .tillt {
       	    text-shadow: 0 0 6px #fff;
       	    height: 25px;
       	    margin: 11px 0;
       	    position: relative;
       	    display: flex;
    		flex-direction: row;
    		align-items: center;
        }
        .flex-container section .tillt h5 {
            position: absolute;
            width: 20%;
        	height: 25px;
       	    line-height: 25px;
       	    padding: 0 11px;
       	    margin: 0;
       	    font-size: 12px;
       	    z-index: 9;
    		top: -7px;
        }
		#xxlist li　img {
		    width: 100%;
		    height: 200px;
		    position: absolute;
		}
		#xxlist li{
			background: url('views/hkclient/img/drjqbk.PNG');
			background-size: 100% 100%;
		    background-repeat: no-repeat;
		    background-position: 0;
	        margin: 6px 0;
            padding: 8px 15px;
            font-size:16px;
		}
		#xxlist li .text-right {
		    margin-right: 1em;
		}
		#xxlist li .cont1 {
		    margin-left: 1em;
		    overflow: hidden;
		    text-overflow: ellipsis;
		    white-space: nowrap;
		}
		@font-face {
			font-family: myFirstFont;
			src: url('views/hkclient/font/font-family.ttf');
		}
		.ts .col-xs-3 span {
			font-family:myFirstFont;
			position: absolute;top: 2px;right: 0;
		}
		#clock {
			background-color: transparent;
		}
		@media screen and (max-width: 500px) {
			#secA, #secB, #secC {
		    	height: 31%;
			}
			body, html {
		        background-position-X: 0px;
	    		background-position-y: 0px;
        	}
			#xxlist li {
				background-size: 90% 100%;  
			    margin: 6px 0 6px 30px;
   				padding: 4px 10px;
   				font-size:12px;
			}
			#xxlist li .cont1 {
				margin-left:0;
			}
			#xxlist li .text-right {
			    margin-right: 1.5em;
			}
			.flex-container section .tillt {
				margin: 6px 0;
				padding: 0 15px;
			}
			#clock {
				flex-wrap: inherit;
			}
		}
    </style>
</head>
<body>
<input type="hidden" id="jrwcl" value="$!jrwcl"/>
<input type="hidden" id="zrwcl" value="$!zrwcl"/>
<input type="hidden" id="mcid" value="$!mcid"/>
<section class="flex-container" style="justify-content: initial;">
    <section id="secA" style="margin-top: 12px;display: flex;flex-direction: column;">
    	<div class="tillt">
    		<h5>警情信息</h5>
    	</div>
    	<canvas id="canvasleft" style="background:transparent;position: absolute;left: -94px;top: 50%;transform: translateY(-50%);"></canvas>
    	<!-- <canvas id="canvasright" style="background:transparent;position: absolute;right: -94px;top: 50%;transform: translateY(-50%);"></canvas> -->
    	<div style="overflow: hidden;flex: 1;margin-bottom: 5%;">
    		<ul class="nav clearfix" id="xxlist"></ul>
    	</div>
    	<div style="overflow: hidden;">
    		<ul class="nav clearfix" id="xxlistCopy"></ul>
    	</div>
    </section>
    <section class="secB" id="secB">
    	<div class="tillt">
    		<h5>水压</h5>
    	</div>
        <div class="wrapper flex-container">
            <div id="chartD"></div>
        </div>
    </section>
    <section id="secC" id="secC">
    	<div class="tillt">
    		<h5>PH</h5>
    	</div>
        <div class="wrapper flex-container">
            <div id="chartE"></div>
        </div>
    </section>
</section>
</body>
</html>