| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136 |
- @{
- Layout = null;
- }
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8">
- <title>首页三</title>
- <meta name="renderer" content="webkit">
- <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
- <link rel="stylesheet" href="../lib/layui-v2.6.3/css/layui.css" media="all">
- <link rel="stylesheet" href="../lib/font-awesome-4.7.0/css/font-awesome.min.css" media="all">
- <link rel="stylesheet" href="../css/public.css" media="all">
- <style>
- .top-panel {
- border: 1px solid #eceff9;
- border-radius: 5px;
- text-align: center;
- }
- .top-panel > .layui-card-body{
- height: 60px;
- }
- .top-panel-number{
- line-height:60px;
- font-size: 30px;
- border-right:1px solid #eceff9;
- }
- .top-panel-tips{
- line-height:30px;
- font-size: 12px
- }
- </style>
- </head>
- <body>
- <!--<div class="layuimini-container">-->
- <div class="layuimini-main">
- <div class="layui-row layui-col-space15">
- <div class="layui-col-xs12 layui-col-md3">
- <div class="layui-card top-panel">
- <div class="layui-card-header">http://100.10.100.163:9011</div>
- <div class="layui-card-body">
- <div class="layui-row layui-col-space5">
- <div class="layui-col-xs9 layui-col-md9 top-panel-number">
- 3000线
- </div>
- <div class="layui-col-xs3 layui-col-md3 top-panel-tips">
- <button type="button" class="layui-btn layui-btn-lg layui-btn-primary layui-btn-radius" onclick="entry()">点击进入</button>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="layui-col-xs12 layui-col-md3">
- <div class="layui-card top-panel">
- <div class="layui-card-header">要展示的指标名称</div>
- <div class="layui-card-body">
- <div class="layui-row layui-col-space5">
- <div class="layui-col-xs9 layui-col-md9 top-panel-number">
- 9,054,056
- </div>
- <div class="layui-col-xs3 layui-col-md3 top-panel-tips">
- 比昨天 <a style="color: #1aa094">▲0.12</a><br>
- 比七日 <a style="color: #bd3004">▼0.06</a>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="layui-col-xs12 layui-col-md3">
- <div class="layui-card top-panel">
- <div class="layui-card-header">要展示的指标名称</div>
- <div class="layui-card-body">
- <div class="layui-row layui-col-space5">
- <div class="layui-col-xs9 layui-col-md9 top-panel-number">
- 9,054,056
- </div>
- <div class="layui-col-xs3 layui-col-md3 top-panel-tips">
- 比昨天 <a style="color: #1aa094">▲0.12</a><br>
- 比七日 <a style="color: #bd3004">▼0.06</a>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="layui-col-xs12 layui-col-md3">
- <div class="layui-card top-panel">
- <div class="layui-card-header">要展示的指标名称</div>
- <div class="layui-card-body">
- <div class="layui-row layui-col-space5">
- <div class="layui-col-xs9 layui-col-md9 top-panel-number">
- 9,054,056
- </div>
- <div class="layui-col-xs3 layui-col-md3 top-panel-tips">
- 比昨天 <a style="color: #1aa094">▲0.12</a><br>
- 比七日 <a style="color: #bd3004">▼0.06</a>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <!--</div>-->
- <script src="../lib/layui-v2.6.3/layui.js" charset="utf-8"></script>
- <script src="../js/lay-config.js?v=1.0.4" charset="utf-8"></script>
- <script>
- layui.use(['layer', 'echarts'], function () {
- var $ = layui.jquery,
- layer = layui.layer,
- echarts = layui.echarts;
- window.entry = function(a) {
- alert(123);
- }
-
- });
- </script>
- </body>
- </html>
|