chenxuan/visual-vue-v1
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

no message

Browse Source
This commit is contained in:
chenxuanThinkpad
2023-10-18 16:30:26 +08:00
parent 2fdae738f0
commit 730c511206
3037 changed files with 987677 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resource/html/10layout/02/index.html
+86
View File
@@ -0,0 +1,86 @@
<!--
* @Author: chenxuan
* @Date: 2021-10-08 09:48:32
* @LastEditTime: 2022-03-12 10:01:13
* @LastEditors: chenxuan
-->
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="res/style.css">
<title>WebTools-Web开发者素材</title>
<!-- 模板样例CSS，导入后可删除 -->
<style type="text/css">
.chart::after{
content: "图表";
position: absolute;
top: 50%;
left: 50%;
margin-top: -1rem;
margin-left: -1rem;
opacity: 0.8;
}
</style>
</head>
<body class="fill-parent"
dg-chart-options="{title:{show:false},legend:{top:0},grid:{top:25}}"
dg-chart-auto-resize="true"
dg-chart-theme="{color:'#F0F0F0',backgroundColor:'transparent',actualBackgroundColor:'#050d3c'}">
<div class="head">
<div class="title">标题</div>
</div>
<div class="content">
<div class="layout layout-left-top">
<div class="panel border-all">
<div class="title">标题</div>
<div class="chart" dg-chart-widget=""></div>
<div class="border-foot"></div>
</div>
</div>
<div class="layout layout-left-center">
<div class="panel border-all">
<div class="title">标题</div>
<div class="chart" dg-chart-widget=""></div>
<div class="border-foot"></div>
</div>
</div>
<div class="layout layout-left-bottom">
<div class="panel border-all">
<div class="title">标题</div>
<div class="chart" dg-chart-widget=""></div>
<div class="border-foot"></div>
</div>
</div>
<div class="layout layout-center-top">
<div class="panel border-all">
<div class="title">标题</div>
<div class="chart chart-left" dg-chart-widget=""></div>
<div class="chart chart-right" dg-chart-widget=""></div>
<div class="border-foot"></div>
</div>
</div>
<div class="layout layout-center-bottom">
<div class="panel border-all">
<div class="title">标题</div>
<div class="chart" dg-chart-widget=""></div>
<div class="border-foot"></div>
</div>
</div>
<div class="layout layout-right-top">
<div class="panel border-all">
<div class="title">标题</div>
<div class="chart" dg-chart-widget=""></div>
<div class="border-foot"></div>
</div>
</div>
<div class="layout layout-right-bottom">
<div class="panel border-all">
<div class="title">标题</div>
<div class="chart" dg-chart-widget=""></div>
<div class="border-foot"></div>
</div>
</div>
</div>
</body>
</html>