zmcoding
/
data_view


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334
							<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>智慧宠物大屏展示</title>
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=WSrX4bCfgcjTfhWNCwvfI1ZnQnfZDxFW"></script>
	<script type="text/javascript" src="{{{resource_url('__VENDOR__/jquery/jquery-3.3.1.min.js')}}}"></script> 
	<script type="text/javascript" src="{{{resource_url('__VENDOR__/cl-admin/js/plugins/echarts/echarts.min.js')}}}"></script> 
</head>
<body>
    <div id="mapContainer"></div>
    <div class="nav-top">
        <span class="nav-top-title">智慧宠物大屏展示</span>
        <div class="nav-top-time">
            <span id="date"></span>
            <span id="time"></span>
        </div>
        <div id='nav-top-screen'>
            <img class="nav-full-screen nav-icon-screen-full" src="{{{resource_url('__COMPBASE__/icon/full-screen.png')}}}" alt="最大/小化"/>
        </div>
    </div>
    
    <!-- 顶部悬浮 -->
    <div id="position_top" class="legend-container top-nav" style="min-width:500px; position: fixed; top: 90px; left: calc(20vw + 20px);"></div>

    <!-- 左侧区域悬浮 -->
    <div id="position_left" style="width: 20vw; min-width: 380px; position: fixed; top: 90px; left: 10px;"></div>

    <!-- 右侧区域悬浮 -->
    <div id="position_right" style="width: 22vw; min-width: 400px; position: fixed; top: 90px; right: 10px;"></div>

<script type="text/javascript" src="{{{resource_url('__COMPBASE__/lib/loadingScript.js')}}}"></script>
</body>
</html>