FrontPage.cshtml 4.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136
  1. @{
  2. Layout = null;
  3. }
  4. <!DOCTYPE html>
  5. <html>
  6. <head>
  7. <meta charset="utf-8">
  8. <title>首页三</title>
  9. <meta name="renderer" content="webkit">
  10. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  11. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  12. <link rel="stylesheet" href="../lib/layui-v2.6.3/css/layui.css" media="all">
  13. <link rel="stylesheet" href="../lib/font-awesome-4.7.0/css/font-awesome.min.css" media="all">
  14. <link rel="stylesheet" href="../css/public.css" media="all">
  15. <style>
  16. .top-panel {
  17. border: 1px solid #eceff9;
  18. border-radius: 5px;
  19. text-align: center;
  20. }
  21. .top-panel > .layui-card-body{
  22. height: 60px;
  23. }
  24. .top-panel-number{
  25. line-height:60px;
  26. font-size: 30px;
  27. border-right:1px solid #eceff9;
  28. }
  29. .top-panel-tips{
  30. line-height:30px;
  31. font-size: 12px
  32. }
  33. </style>
  34. </head>
  35. <body>
  36. <!--<div class="layuimini-container">-->
  37. <div class="layuimini-main">
  38. <div class="layui-row layui-col-space15">
  39. <div class="layui-col-xs12 layui-col-md3">
  40. <div class="layui-card top-panel">
  41. <div class="layui-card-header">http://100.10.100.163:9011</div>
  42. <div class="layui-card-body">
  43. <div class="layui-row layui-col-space5">
  44. <div class="layui-col-xs9 layui-col-md9 top-panel-number">
  45. 3000线
  46. </div>
  47. <div class="layui-col-xs3 layui-col-md3 top-panel-tips">
  48. <button type="button" class="layui-btn layui-btn-lg layui-btn-primary layui-btn-radius" onclick="entry()">点击进入</button>
  49. </div>
  50. </div>
  51. </div>
  52. </div>
  53. </div>
  54. <div class="layui-col-xs12 layui-col-md3">
  55. <div class="layui-card top-panel">
  56. <div class="layui-card-header">要展示的指标名称</div>
  57. <div class="layui-card-body">
  58. <div class="layui-row layui-col-space5">
  59. <div class="layui-col-xs9 layui-col-md9 top-panel-number">
  60. 9,054,056
  61. </div>
  62. <div class="layui-col-xs3 layui-col-md3 top-panel-tips">
  63. 比昨天 <a style="color: #1aa094">▲0.12</a><br>
  64. 比七日 <a style="color: #bd3004">▼0.06</a>
  65. </div>
  66. </div>
  67. </div>
  68. </div>
  69. </div>
  70. <div class="layui-col-xs12 layui-col-md3">
  71. <div class="layui-card top-panel">
  72. <div class="layui-card-header">要展示的指标名称</div>
  73. <div class="layui-card-body">
  74. <div class="layui-row layui-col-space5">
  75. <div class="layui-col-xs9 layui-col-md9 top-panel-number">
  76. 9,054,056
  77. </div>
  78. <div class="layui-col-xs3 layui-col-md3 top-panel-tips">
  79. 比昨天 <a style="color: #1aa094">▲0.12</a><br>
  80. 比七日 <a style="color: #bd3004">▼0.06</a>
  81. </div>
  82. </div>
  83. </div>
  84. </div>
  85. </div>
  86. <div class="layui-col-xs12 layui-col-md3">
  87. <div class="layui-card top-panel">
  88. <div class="layui-card-header">要展示的指标名称</div>
  89. <div class="layui-card-body">
  90. <div class="layui-row layui-col-space5">
  91. <div class="layui-col-xs9 layui-col-md9 top-panel-number">
  92. 9,054,056
  93. </div>
  94. <div class="layui-col-xs3 layui-col-md3 top-panel-tips">
  95. 比昨天 <a style="color: #1aa094">▲0.12</a><br>
  96. 比七日 <a style="color: #bd3004">▼0.06</a>
  97. </div>
  98. </div>
  99. </div>
  100. </div>
  101. </div>
  102. </div>
  103. </div>
  104. <!--</div>-->
  105. <script src="../lib/layui-v2.6.3/layui.js" charset="utf-8"></script>
  106. <script src="../js/lay-config.js?v=1.0.4" charset="utf-8"></script>
  107. <script>
  108. layui.use(['layer', 'echarts'], function () {
  109. var $ = layui.jquery,
  110. layer = layui.layer,
  111. echarts = layui.echarts;
  112. window.entry = function(a) {
  113. alert(123);
  114. }
  115. });
  116. </script>
  117. </body>
  118. </html>