12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091 |
- <!doctype html>
- <html class="x-admin-sm">
- <head>
- <meta charset="UTF-8">
- <meta name="renderer" content="webkit|ie-comp|ie-stand">
- <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
- <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
- <meta http-equiv="Cache-Control" content="no-siteapp" />
- <link rel="stylesheet" href="https://osscold.baozhida.cn/css/font.css">
- <link rel="stylesheet" href="https://osscold.baozhida.cn/css/xadmin.css">
- </head>
- <body>
- <div class="layui-container">
- <div class="fly-panel">
- <div class="fly-none">
- <h2><i style="font-size: 64px;" class="iconfont"></i></h2>
- <p> 你好,{{.Admin_name}} [{{.Admin_Power.Power_name}}] </p>
- <div class="layui-container" style="width: 570px;">
- <div class="layui-row" style="font-size: 15px;margin-top: 200px">
- <div class="layui-col-md4 layui-bg-blue" style="padding: 20px">
- 总量:{{.FlowPoolSharingInfo.TotalAmount}}MB
- </div>
- <div class="layui-col-md4 layui-bg-orange" style="padding: 20px">
- 使用:{{.FlowPoolSharingInfo.UseAmount}}MB
- </div>
- <div class="layui-col-md4 layui-bg-red" style="padding: 20px">
- 剩余:{{.FlowPoolSharingInfo.RemainAmount}}MB
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <!-- <canvas id="c" style="border:1px solid red;"></canvas>-->
- <!-- <script>-->
- <!-- var canvas = new fabric.Canvas('c',{backgroundColor : "#0ff",width: '600',height: '600'});-->
- <!-- var LabeledRect = fabric.util.createClass(fabric.Rect, {-->
- <!-- type: 'labeledRect',-->
- <!-- initialize: function(options) {-->
- <!-- options || (options = { });-->
- <!-- this.callSuper('initialize', options);-->
- <!-- this.set('label', options.label || '');-->
- <!-- this.set('labelFont', options.labelFont || '');-->
- <!-- this.set('labelFill', options.labelFill || '');-->
- <!-- },-->
- <!-- toObject: function() {-->
- <!-- return fabric.util.object.extend(this.callSuper('toObject'), {-->
- <!-- label: this.get('label'),-->
- <!-- labelFont: this.get('labelFont'),-->
- <!-- labelFill: this.get('labelFill')-->
- <!-- });-->
- <!-- },-->
- <!-- _render: function(ctx) {-->
- <!-- this.callSuper('_render', ctx);-->
- <!-- // ctx.font = '20px Helvetica';-->
- <!-- // ctx.fillStyle = '#333';-->
- <!-- console.log('this', this);-->
- <!-- ctx.font = this.labelFont;-->
- <!-- ctx.fillStyle = this.labelFill;-->
- <!-- // ctx.fillText(this.label, -this.width/2, -this.height/2 + 20);-->
- <!-- ctx.fillText(this.label, 0, 0+10);-->
- <!-- }-->
- <!-- });-->
- <!-- var labeledRect = new LabeledRect({-->
- <!-- width: 100,-->
- <!-- height: 50,-->
- <!-- left: 100,-->
- <!-- top: 100,-->
- <!-- label: 'test',-->
- <!-- fill: '#faa',-->
- <!-- labelFont: '30px Helvetica',-->
- <!-- labelFill: '#00ff00'-->
- <!-- });-->
- <!-- canvas.add(labeledRect);-->
- <!-- setTimeout(function(){-->
- <!-- labeledRect.set({-->
- <!-- label: 'trololo',-->
- <!-- fill: '#aaf',-->
- <!-- rx: 10,-->
- <!-- ry: 10,-->
- <!-- labelFill: '#0000ff'-->
- <!-- });-->
- <!-- canvas.renderAll();-->
- <!-- }, 3000)-->
- <!-- </script>-->
- </body>
- </html>
|