美化UI1.0
This commit is contained in:
@@ -158,25 +158,37 @@
|
||||
|
||||
<el-row :gutter="20" style="margin-top: 20px;">
|
||||
<el-col :span="12">
|
||||
<div class="chart-container">
|
||||
<h3>插件使用排行</h3>
|
||||
<canvas id="pluginChart" width="400" height="150"></canvas>
|
||||
</div>
|
||||
<el-card shadow="hover">
|
||||
<div slot="header">
|
||||
<h3>插件使用排行</h3>
|
||||
</div>
|
||||
<div class="chart-container">
|
||||
<canvas id="pluginChart"></canvas>
|
||||
</div>
|
||||
</el-card>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<div class="chart-container">
|
||||
<h3>成功率分析</h3>
|
||||
<canvas id="successRateChart" width="400" height="150"></canvas>
|
||||
</div>
|
||||
<el-card shadow="hover">
|
||||
<div slot="header">
|
||||
<h3>成功率分析</h3>
|
||||
</div>
|
||||
<div class="chart-container">
|
||||
<canvas id="successRateChart"></canvas>
|
||||
</div>
|
||||
</el-card>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row :gutter="20" style="margin-top: 20px;">
|
||||
<el-col :span="24">
|
||||
<div class="chart-container">
|
||||
<h3>使用趋势</h3>
|
||||
<canvas id="trendChart" width="800" height="150"></canvas>
|
||||
</div>
|
||||
<el-card shadow="hover">
|
||||
<div slot="header">
|
||||
<h3>使用趋势</h3>
|
||||
</div>
|
||||
<div class="chart-container">
|
||||
<canvas id="trendChart"></canvas>
|
||||
</div>
|
||||
</el-card>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user