home.html 4.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091
  1. <!doctype html>
  2. <html class="x-admin-sm">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="renderer" content="webkit|ie-comp|ie-stand">
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  7. <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
  8. <meta http-equiv="Cache-Control" content="no-siteapp" />
  9. <link rel="stylesheet" href="https://osscold.baozhida.cn/css/font.css">
  10. <link rel="stylesheet" href="https://osscold.baozhida.cn/css/xadmin.css">
  11. </head>
  12. <body>
  13. <div class="layui-container">
  14. <div class="fly-panel">
  15. <div class="fly-none">
  16. <h2><i style="font-size: 64px;" class="iconfont">&#xe6af;</i></h2>
  17. <p> 你好,{{.Admin_name}} [{{.Admin_Power.Power_name}}] </p>
  18. <div class="layui-container" style="width: 570px;">
  19. <div class="layui-row" style="font-size: 15px;margin-top: 200px">
  20. <div class="layui-col-md4 layui-bg-blue" style="padding: 20px">
  21. 总量:{{.FlowPoolSharingInfo.TotalAmount}}MB
  22. </div>
  23. <div class="layui-col-md4 layui-bg-orange" style="padding: 20px">
  24. 使用:{{.FlowPoolSharingInfo.UseAmount}}MB
  25. </div>
  26. <div class="layui-col-md4 layui-bg-red" style="padding: 20px">
  27. 剩余:{{.FlowPoolSharingInfo.RemainAmount}}MB
  28. </div>
  29. </div>
  30. </div>
  31. </div>
  32. </div>
  33. </div>
  34. <!-- <canvas id="c" style="border:1px solid red;"></canvas>-->
  35. <!-- <script>-->
  36. <!-- var canvas = new fabric.Canvas('c',{backgroundColor : "#0ff",width: '600',height: '600'});-->
  37. <!-- var LabeledRect = fabric.util.createClass(fabric.Rect, {-->
  38. <!-- type: 'labeledRect',-->
  39. <!-- initialize: function(options) {-->
  40. <!-- options || (options = { });-->
  41. <!-- this.callSuper('initialize', options);-->
  42. <!-- this.set('label', options.label || '');-->
  43. <!-- this.set('labelFont', options.labelFont || '');-->
  44. <!-- this.set('labelFill', options.labelFill || '');-->
  45. <!-- },-->
  46. <!-- toObject: function() {-->
  47. <!-- return fabric.util.object.extend(this.callSuper('toObject'), {-->
  48. <!-- label: this.get('label'),-->
  49. <!-- labelFont: this.get('labelFont'),-->
  50. <!-- labelFill: this.get('labelFill')-->
  51. <!-- });-->
  52. <!-- },-->
  53. <!-- _render: function(ctx) {-->
  54. <!-- this.callSuper('_render', ctx);-->
  55. <!-- // ctx.font = '20px Helvetica';-->
  56. <!-- // ctx.fillStyle = '#333';-->
  57. <!-- console.log('this', this);-->
  58. <!-- ctx.font = this.labelFont;-->
  59. <!-- ctx.fillStyle = this.labelFill;-->
  60. <!-- // ctx.fillText(this.label, -this.width/2, -this.height/2 + 20);-->
  61. <!-- ctx.fillText(this.label, 0, 0+10);-->
  62. <!-- }-->
  63. <!-- });-->
  64. <!-- var labeledRect = new LabeledRect({-->
  65. <!-- width: 100,-->
  66. <!-- height: 50,-->
  67. <!-- left: 100,-->
  68. <!-- top: 100,-->
  69. <!-- label: 'test',-->
  70. <!-- fill: '#faa',-->
  71. <!-- labelFont: '30px Helvetica',-->
  72. <!-- labelFill: '#00ff00'-->
  73. <!-- });-->
  74. <!-- canvas.add(labeledRect);-->
  75. <!-- setTimeout(function(){-->
  76. <!-- labeledRect.set({-->
  77. <!-- label: 'trololo',-->
  78. <!-- fill: '#aaf',-->
  79. <!-- rx: 10,-->
  80. <!-- ry: 10,-->
  81. <!-- labelFill: '#0000ff'-->
  82. <!-- });-->
  83. <!-- canvas.renderAll();-->
  84. <!-- }, 3000)-->
  85. <!-- </script>-->
  86. </body>
  87. </html>