main.html 7.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207
  1. {extend name='main'}
  2. {block name='content'}
  3. <style>
  4. .store-total-container {
  5. font-size: 14px;
  6. margin-bottom: 20px;
  7. letter-spacing: 1px;
  8. }
  9. .store-total-container .store-total-icon {
  10. top: 45%;
  11. right: 8%;
  12. font-size: 65px;
  13. position: absolute;
  14. color: rgba(255, 255, 255, 0.4);
  15. }
  16. .store-total-container .store-total-item {
  17. color: #fff;
  18. line-height: 4em;
  19. padding: 15px 25px;
  20. position: relative;
  21. }
  22. .store-total-container .store-total-item > div:nth-child(2) {
  23. font-size: 46px;
  24. line-height: 46px;
  25. }
  26. </style>
  27. <div class="think-box-shadow store-total-container notselect">
  28. <div class="margin-bottom-15">商城统计</div>
  29. <div class="layui-row layui-col-space15">
  30. <div class="layui-col-sm6 layui-col-md3">
  31. <div class="store-total-item nowrap" style="background:linear-gradient(-125deg,#57bdbf,#2f9de2)">
  32. <div>商品总量</div>
  33. <div>63</div>
  34. <div>当前商品总数量</div>
  35. </div>
  36. <i class="store-total-icon layui-icon layui-icon-template-1"></i>
  37. </div>
  38. <div class="layui-col-sm6 layui-col-md3">
  39. <div class="store-total-item nowrap" style="background:linear-gradient(-125deg,#ff7d7d,#fb2c95)">
  40. <div>用户总量</div>
  41. <div>1,634</div>
  42. <div>当前用户总数量</div>
  43. </div>
  44. <i class="store-total-icon layui-icon layui-icon-user"></i>
  45. </div>
  46. <div class="layui-col-sm6 layui-col-md3">
  47. <div class="store-total-item nowrap" style="background:linear-gradient(-113deg,#c543d8,#925cc3)">
  48. <div>订单总量</div>
  49. <div>148</div>
  50. <div>已付款订单总数量</div>
  51. </div>
  52. <i class="store-total-icon layui-icon layui-icon-read"></i>
  53. </div>
  54. <div class="layui-col-sm6 layui-col-md3">
  55. <div class="store-total-item nowrap" style="background:linear-gradient(-141deg,#ecca1b,#f39526)">
  56. <div>评价总量</div>
  57. <div>0</div>
  58. <div>订单评价总数量</div>
  59. </div>
  60. <i class="store-total-icon layui-icon layui-icon-survey"></i>
  61. </div>
  62. </div>
  63. </div>
  64. <div class="think-box-shadow store-total-container">
  65. <div class="margin-bottom-15">实时概况</div>
  66. <div class="layui-row layui-col-space15">
  67. <div class="layui-col-md6 margin-bottom-15">
  68. <div class="layui-row">
  69. <div class="layui-col-xs3 text-center">
  70. <i class="layui-icon color-blue" style="font-size:60px;line-height:72px">&#xe65e;</i>
  71. </div>
  72. <div class="layui-col-xs4">
  73. <div class="font-s14">销售额(元)</div>
  74. <div class="font-s16">1351.00</div>
  75. <div class="font-s12 color-desc">昨日:974.00</div>
  76. </div>
  77. <div class="layui-col-xs5">
  78. <div class="font-s14">支付订单数</div>
  79. <div class="font-s16">106</div>
  80. <div class="font-s12 color-desc">昨日:76</div>
  81. </div>
  82. </div>
  83. </div>
  84. <div class="layui-col-md6 margin-bottom-15">
  85. <div class="layui-row">
  86. <div class="layui-col-xs3 text-center">
  87. <i class="layui-icon color-blue" style="font-size:60px;line-height:72px">&#xe663;</i>
  88. </div>
  89. <div class="layui-col-xs4">
  90. <div class="font-s14">新增用户数</div>
  91. <div class="font-s16">327</div>
  92. <div class="font-s12 color-desc">昨日:238</div>
  93. </div>
  94. <div class="layui-col-xs5">
  95. <div class="font-s14">下单用户数</div>
  96. <div class="font-s16">69</div>
  97. <div class="font-s12 color-desc">昨日:34</div>
  98. </div>
  99. </div>
  100. </div>
  101. </div>
  102. </div>
  103. <div class="layui-row layui-col-space15">
  104. <div class="layui-col-md6">
  105. <div class="think-box-shadow">
  106. <table class="layui-table" lay-skin="line" lay-even>
  107. <caption class="text-left margin-bottom-15 font-s14">系统信息</caption>
  108. <colgroup>
  109. <col width="30%">
  110. </colgroup>
  111. <tbody>
  112. <tr>
  113. <td>当前程序版本</td>
  114. <td>{:sysconf('app_version')}</td>
  115. </tr>
  116. <tr>
  117. <td>运行PHP版本</td>
  118. <td>{$Think.PHP_VERSION}</td>
  119. </tr>
  120. <tr>
  121. <td>ThinkPHP版本</td>
  122. <td>{$think_ver}</td>
  123. </tr>
  124. <tr>
  125. <td>MySQL数据库版本</td>
  126. <td>{$mysql_ver}</td>
  127. </tr>
  128. <tr>
  129. <td>服务器操作系统</td>
  130. <td>{:php_uname('s')}</td>
  131. </tr>
  132. <tr>
  133. <td>WEB运行环境</td>
  134. <td>{:php_sapi_name()}</td>
  135. </tr>
  136. <tr>
  137. <td>上传大小限制</td>
  138. <td>{:ini_get('upload_max_filesize')}</td>
  139. </tr>
  140. <tr>
  141. <td>POST大小限制</td>
  142. <td>{:ini_get('post_max_size')}</td>
  143. </tr>
  144. </tbody>
  145. </table>
  146. </div>
  147. </div>
  148. <div class="layui-col-md6">
  149. <div class="think-box-shadow">
  150. <table class="layui-table" lay-skin="line" lay-even>
  151. <caption class="text-left margin-bottom-15 font-s14">产品团队</caption>
  152. <colgroup>
  153. <col width="30%">
  154. </colgroup>
  155. <tbody>
  156. <tr>
  157. <td>产品名称</td>
  158. <td>ThinkAdmin</td>
  159. </tr>
  160. <tr>
  161. <td>在线体验</td>
  162. <td><a target="_blank" href="http://demo.thinkadmin.top">http://demo.thinkadmin.top</a></td>
  163. </tr>
  164. <tr>
  165. <td>官方QQ群</td>
  166. <td>
  167. <a href="http://shang.qq.com/wpa/qunwpa?idkey=ae25cf789dafbef62e50a980ffc31242f150bc61a61164458216dd98c411832a">
  168. <img src="//pub.idqqimg.com/wpa/images/group.png" style="height:18px;width:auto" target="_blank">
  169. </a>
  170. </td>
  171. </tr>
  172. <tr>
  173. <td>项目地址</td>
  174. <td><a target="_blank" href="https://github.com/zoujingli/ThinkAdmin">https://github.com/zoujingli/ThinkAdmin</a></td>
  175. </tr>
  176. <tr>
  177. <td>BUG反馈</td>
  178. <td><a target="_blank" href="https://github.com/zoujingli/ThinkAdmin/issues">https://github.com/zoujingli/ThinkAdmin/issues</a></td>
  179. </tr>
  180. <tr>
  181. <td>开发团队</td>
  182. <td><a href="http://www.cuci.cc" target="_blank">广州楚才信息科技有限公司</a></td>
  183. </tr>
  184. <tr>
  185. <td>团队官网</td>
  186. <td><a target="_blank" href="http://www.cuci.cc">http://www.cuci.cc</a></td>
  187. </tr>
  188. <tr>
  189. <td>办公地址</td>
  190. <td>广州市天河区东圃一横路东泷商贸中心G02</td>
  191. </tr>
  192. </tbody>
  193. </table>
  194. </div>
  195. </div>
  196. </div>
  197. {/block}