表格列样式调整

This commit is contained in:
buvta
2020-11-12 11:26:18 +08:00
parent 6543d8baf0
commit 3ba2dc9993
5 changed files with 31 additions and 41 deletions

View File

@@ -235,7 +235,7 @@
transform: scale(1.02);
}
.el-table .highlight{
color: var(--highlight-color) !important;
background-color: var(--highlight-color) !important; // 改为背景色,原来某些主题下看不清字
}
.el-button{
font-size: 1rem;

View File

@@ -103,36 +103,31 @@
width="100">
</el-table-column>
<el-table-column
prop="year"
label="上映"
align="center"
width="100">
prop="year"
label="上映"
align="center"
width="100">
</el-table-column>
<el-table-column
prop="area"
label="地区"
align="center"
width="100">
prop="area"
label="地区"
width="100">
</el-table-column>
<el-table-column
prop="lang"
label="语言"
align="center"
width="100">
prop="lang"
label="语言"
width="100">
</el-table-column>
<el-table-column
prop="note"
label="备注"
width="120">
label="备注">
</el-table-column>
<el-table-column
prop="last"
label="最近更新"
:formatter="dateFormat"
align="center"
width="120">
</el-table-column>
<el-table-column key="placeholder">
prop="last"
label="最近更新"
:formatter="dateFormat"
align="center"
width="120">
</el-table-column>
<el-table-column
label="操作"
@@ -193,7 +188,6 @@
sortable
prop="year"
label="上映"
align="center"
width="100">
</el-table-column>
<el-table-column
@@ -201,7 +195,6 @@
:filters="getFilters('area')"
:filter-method="(value, row, column) => { this.currentColumn = column; return value === row.area }"
label="地区"
align="center"
width="100">
</el-table-column>
<el-table-column
@@ -209,14 +202,12 @@
:filter-method="(value, row, column) => { this.currentColumn = column; return value === row.lang }"
prop="lang"
label="语言"
align="center"
width="100">
</el-table-column>
<el-table-column
sortable
prop="note"
label="备注"
width="120">
label="备注">
</el-table-column>
<el-table-column key="last"
sortable
@@ -226,8 +217,6 @@
align="center"
width="120">
</el-table-column>
<el-table-column key="placeholder">
</el-table-column>
<el-table-column
label="操作"
header-align="center"

View File

@@ -31,7 +31,7 @@
</span>
</template>
</el-table-column>
<el-table-column
<el-table-column v-if="history.some(e => e.time)"
width="150"
label="时间进度">
<template slot-scope="scope">

View File

@@ -55,20 +55,21 @@
width="100"
align="center">
</el-table-column>
<el-table-column v-if="filteredRecommendations.some(e => e.detail.note)"
prop="detail.note"
width="120"
label="备注">
</el-table-column>
<el-table-column v-if="filteredRecommendations.some(e => e.rate)"
prop="rate"
width="120"
align="center"
width="100"
label="豆瓣评分">
</el-table-column>
<el-table-column v-if="filteredRecommendations.some(e => e.detail.note)"
prop="detail.note"
label="备注">
</el-table-column>
<el-table-column
label="操作"
header-align="right"
align="right">
header-align="center"
align="right"
width="200">
<template slot-scope="scope">
<el-button @click.stop="playEvent(scope.row)" type="text">播放</el-button>
<el-button @click.stop="shareEvent(scope.row)" type="text">分享</el-button>

View File

@@ -41,19 +41,19 @@
:sort-by="['detail.year', 'name']"
prop="detail.year"
label="上映"
width="100"
align="center">
width="100">
</el-table-column>
<el-table-column v-if="list.some(e => e.detail.note)"
prop="detail.note"
width="120"
label="备注">
</el-table-column>
<el-table-column v-if="list.some(e => e.rate)"
<el-table-column v-if="list.some(e => e.rate && e.rate !== '暂无评分')"
sortable
sort-by="rate"
prop="rate"
width="120"
align="center"
label="豆瓣评分">
</el-table-column>
<el-table-column v-if="list.some(e => e.index >= 0)"