调整卡片高度
This commit is contained in:
@@ -109,7 +109,7 @@
|
|||||||
<el-col :span="8">
|
<el-col :span="8">
|
||||||
<el-card shadow="hover">
|
<el-card shadow="hover">
|
||||||
<div slot="header">
|
<div slot="header">
|
||||||
<span>热门用户</span>
|
<h3>热门用户</h3>
|
||||||
</div>
|
</div>
|
||||||
<el-table :data="topUsers" style="width: 100%">
|
<el-table :data="topUsers" style="width: 100%">
|
||||||
<!-- 修改:将用户ID改为用户信息,使用固定像素宽度 -->
|
<!-- 修改:将用户ID改为用户信息,使用固定像素宽度 -->
|
||||||
@@ -126,7 +126,7 @@
|
|||||||
<el-col :span="8">
|
<el-col :span="8">
|
||||||
<el-card shadow="hover">
|
<el-card shadow="hover">
|
||||||
<div slot="header">
|
<div slot="header">
|
||||||
<span>热门群组</span>
|
<h3>热门群组</h3>
|
||||||
</div>
|
</div>
|
||||||
<el-table :data="topGroups" style="width: 100%">
|
<el-table :data="topGroups" style="width: 100%">
|
||||||
<!-- 修改:将群组ID改为群组信息,使用固定像素宽度 -->
|
<!-- 修改:将群组ID改为群组信息,使用固定像素宽度 -->
|
||||||
@@ -142,7 +142,7 @@
|
|||||||
<el-col :span="8">
|
<el-col :span="8">
|
||||||
<el-card shadow="hover">
|
<el-card shadow="hover">
|
||||||
<div slot="header">
|
<div slot="header">
|
||||||
<span>热门插件</span>
|
<h3>热门插件</h3>
|
||||||
</div>
|
</div>
|
||||||
<el-table :data="topPlugins" style="width: 100%">
|
<el-table :data="topPlugins" style="width: 100%">
|
||||||
<el-table-column prop="plugin_name" label="插件名称" min-width="180"></el-table-column>
|
<el-table-column prop="plugin_name" label="插件名称" min-width="180"></el-table-column>
|
||||||
@@ -181,7 +181,7 @@
|
|||||||
<el-col :span="24">
|
<el-col :span="24">
|
||||||
<el-card shadow="hover" v-loading="hourlyMessageTrendLoading">
|
<el-card shadow="hover" v-loading="hourlyMessageTrendLoading">
|
||||||
<div slot="header" style="display: flex; justify-content: space-between; align-items: center;">
|
<div slot="header" style="display: flex; justify-content: space-between; align-items: center;">
|
||||||
<span>按小时聊天趋势</span>
|
<h3>按小时聊天趋势</h3>
|
||||||
<div style="display: flex; align-items: center;">
|
<div style="display: flex; align-items: center;">
|
||||||
<el-select v-model="selectedGroupForHourlyTrend" placeholder="选择群组" style="width: 200px; margin-right: 10px;" @change="loadHourlyMessageTrend">
|
<el-select v-model="selectedGroupForHourlyTrend" placeholder="选择群组" style="width: 200px; margin-right: 10px;" @change="loadHourlyMessageTrend">
|
||||||
<el-option v-for="group in groups" :key="group.group_id" :label="group.group_name" :value="group.group_id"></el-option>
|
<el-option v-for="group in groups" :key="group.group_id" :label="group.group_name" :value="group.group_id"></el-option>
|
||||||
@@ -769,35 +769,6 @@
|
|||||||
color: #909399;
|
color: #909399;
|
||||||
padding: 10px 0;
|
padding: 10px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 系统信息卡片样式 */
|
|
||||||
.system-info-item {
|
|
||||||
padding: 5px 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.system-info-row {
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
font-size: 12px;
|
|
||||||
line-height: 1.4;
|
|
||||||
margin-bottom: 2px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.info-label {
|
|
||||||
color: #606266;
|
|
||||||
}
|
|
||||||
|
|
||||||
.info-value {
|
|
||||||
color: #303133;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* 卡片头部样式 */
|
|
||||||
.el-card__header {
|
|
||||||
padding: 10px 15px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.el-card__body {
|
|
||||||
padding: 10px 15px;
|
|
||||||
}
|
|
||||||
</style>
|
</style>
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
Reference in New Issue
Block a user