main.html 7.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>主页面</title>
  6. <meta name="renderer" content="webkit">
  7. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  8. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  9. <link rel="stylesheet" href="/static/plugins/font-awesome-4.7.0/css/font-awesome.min.css" media="all">
  10. <link rel="stylesheet" href="/static/admin/css/main.css" media="all">
  11. <link rel="stylesheet" href="/static/plugins/layui/css/layui.css" media="all">
  12. <!--<style>-->
  13. <!--.layui-card {border:1px solid #f2f2f2;border-radius:5px;}-->
  14. <!--.icon {margin-right:10px;color:#1aa094;}-->
  15. <!--.icon-cray {color:#ffb800!important;}-->
  16. <!--.icon-blue {color:#1e9fff!important;}-->
  17. <!--.icon-tip {color:#ff5722!important;}-->
  18. <!--.LM-qiuck-module {text-align:center;margin-top: 10px}-->
  19. <!--.LM-qiuck-module a i {display:inline-block;width:100%;height:60px;line-height:60px;text-align:center;border-radius:2px;font-size:30px;background-color:#F8F8F8;color:#333;transition:all .3s;-webkit-transition:all .3s;}-->
  20. <!--.LM-qiuck-module a cite {position:relative;top:2px;display:block;color:#666;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:14px;}-->
  21. <!--.welcome-module {width:100%;height:210px;}-->
  22. <!--.panel {background-color:#fff;border:1px solid transparent;border-radius:3px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05)}-->
  23. <!--.panel-body {padding:10px}-->
  24. <!--.panel-title {margin-top:0;margin-bottom:0;font-size:12px;color:inherit}-->
  25. <!--.label {display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em;margin-top: .3em;}-->
  26. <!--.layui-red {color:red}-->
  27. <!--.main_btn > p {height:40px;}-->
  28. <!--.layui-bg-number {background-color:#F8F8F8;}-->
  29. <!--.LM-notice:hover {background:#f6f6f6;}-->
  30. <!--.LM-notice {padding:7px 16px;clear:both;font-size:12px !important;cursor:pointer;position:relative;transition:background 0.2s ease-in-out;}-->
  31. <!--.LM-notice-title,.LM-notice-label {-->
  32. <!--padding-right: 70px !important;text-overflow:ellipsis!important;overflow:hidden!important;white-space:nowrap!important;}-->
  33. <!--.LM-notice-title {line-height:28px;font-size:14px;}-->
  34. <!--.LM-notice-extra {position:absolute;top:50%;margin-top:-8px;right:16px;display:inline-block;height:16px;color:#999;}-->
  35. <!--</style>-->
  36. <style>
  37. .center {
  38. text-align: center;
  39. background-color: #F9F9F9 !important;
  40. }
  41. .boder {
  42. border: 1px solid #D2D2D2 !important;
  43. }
  44. .p-size {
  45. font-weight: 700;
  46. font-size: 20px;
  47. }
  48. .border-left{
  49. border-left-width: 5px;
  50. border-left-style: solid;
  51. }
  52. </style>
  53. </head>
  54. <body>
  55. <div class="LM-container">
  56. <div class="LM-main">
  57. <div class="layui-row layui-col-space15">
  58. 首页
  59. </div>
  60. </div>
  61. </div>
  62. <script src="/static/plugins/layui/layui.js" charset="utf-8"></script>
  63. <script src="/static/plugins/echarts/echarts.min.js" charset="utf-8"></script>
  64. <script src="/static/plugins/echarts/echarts-theme.js" charset="utf-8"></script>
  65. <script>
  66. // layui.config({
  67. // base: "/static/admin/js/"
  68. // }).extend({
  69. // "LM": "LM"
  70. // });
  71. // layui.use(['layer', 'LM'], function () {
  72. // var $ = layui.jquery,
  73. // layer = layui.layer;
  74. //
  75. // /**
  76. // * 查看公告信息
  77. // **/
  78. // $('body').on('click', '.LM-notice', function () {
  79. // var title = $(this).children('.LM-notice-title').text(),
  80. // noticeTime = $(this).children('.LM-notice-extra').text(),
  81. // content = $(this).children('.LM-notice-content').html();
  82. // var html = '<div style="padding:15px 20px; text-align:justify; line-height: 22px;border-bottom:1px solid #e2e2e2;background-color: #2f4056;color: #ffffff">\n' +
  83. // '<div style="text-align: center;margin-bottom: 20px;font-weight: bold;border-bottom:1px solid #718fb5;padding-bottom: 5px"><h4 class="text-danger">' + title + '</h4></div>\n' +
  84. // '<div style="font-size: 12px">' + content + '</div>\n' +
  85. // '</div>\n';
  86. // parent.layer.open({
  87. // type: 1,
  88. // title: '系统公告'+'<span style="float: right;right: 1px;font-size: 12px;color: #b1b3b9;margin-top: 1px">'+noticeTime+'</span>',
  89. // area: '300px;',
  90. // shade: 0.8,
  91. // id: 'LM-notice',
  92. // btn: ['查看', '取消'],
  93. // btnAlign: 'c',
  94. // moveType: 1,
  95. // content:html,
  96. // success: function (layero) {
  97. // var btn = layero.find('.layui-layer-btn');
  98. // btn.find('.layui-layer-btn0').attr({
  99. // href: 'https://github.com/yue909/LEMOCMS',
  100. // target: '_blank'
  101. // });
  102. // }
  103. // });
  104. // });
  105. //
  106. // /**
  107. // * 报表功能
  108. // */
  109. // var echartsRecords = echarts.init(document.getElementById('echarts-records'), 'walden');
  110. // var optionRecords = {
  111. // tooltip: {
  112. // trigger: 'axis'
  113. // },
  114. // legend: {
  115. // data:['邮件营销','联盟广告','视频广告','直接访问','搜索引擎']
  116. // },
  117. // grid: {
  118. // left: '3%',
  119. // right: '4%',
  120. // bottom: '3%',
  121. // containLabel: true
  122. // },
  123. // toolbox: {
  124. // feature: {
  125. // saveAsImage: {}
  126. // }
  127. // },
  128. // xAxis: {
  129. // type: 'category',
  130. // boundaryGap: false,
  131. // data: ['周一','周二','周三','周四','周五','周六','周日']
  132. // },
  133. // yAxis: {
  134. // type: 'value'
  135. // },
  136. // series: [
  137. // {
  138. // name:'邮件营销',
  139. // type:'line',
  140. // stack: '总量',
  141. // data:[120, 132, 101, 134, 90, 230, 210]
  142. // },
  143. // {
  144. // name:'联盟广告',
  145. // type:'line',
  146. // stack: '总量',
  147. // data:[220, 182, 191, 234, 290, 330, 310]
  148. // },
  149. // {
  150. // name:'视频广告',
  151. // type:'line',
  152. // stack: '总量',
  153. // data:[150, 232, 201, 154, 190, 330, 410]
  154. // },
  155. // {
  156. // name:'直接访问',
  157. // type:'line',
  158. // stack: '总量',
  159. // data:[320, 332, 301, 334, 390, 330, 320]
  160. // },
  161. // {
  162. // name:'搜索引擎',
  163. // type:'line',
  164. // stack: '总量',
  165. // data:[820, 932, 901, 934, 1290, 1330, 1320]
  166. // }
  167. // ]
  168. // };
  169. // echartsRecords.setOption(optionRecords);
  170. //
  171. // // echarts 窗口缩放自适应
  172. // window.onresize = function(){
  173. // echartsRecords.resize();
  174. // }
  175. //
  176. // });
  177. </script>
  178. </body>
  179. </html>