From cf94fb2d7affead5b5e8738335d4930c81210d27 Mon Sep 17 00:00:00 2001 From: heyujie <516346543@qq.com> Date: 星期一, 08 十一月 2021 18:36:46 +0800 Subject: [PATCH] search page second list --- src/pages/shuohuangMonitorAnalyze/components/searchForVideoAnalyze.vue | 56 +++++++++++++++++++++++++++++++++++++------------------- 1 files changed, 37 insertions(+), 19 deletions(-) diff --git a/src/pages/shuohuangMonitorAnalyze/components/searchForVideoAnalyze.vue b/src/pages/shuohuangMonitorAnalyze/components/searchForVideoAnalyze.vue index 8c33c6d..dd42281 100644 --- a/src/pages/shuohuangMonitorAnalyze/components/searchForVideoAnalyze.vue +++ b/src/pages/shuohuangMonitorAnalyze/components/searchForVideoAnalyze.vue @@ -263,7 +263,6 @@ > {{ label.Desc }} </span> - <!-- (index == data.LableLst.length - 1 ? "" : "锛�") --> </div> <div v-else-if="hasError(data)" class="has-error"> <span>鏈夊紓甯�</span> @@ -320,9 +319,16 @@ <div class="content" v-show="showType == 'list'"> <el-table :data="tableData" + stripe fit ref="elTable" @row-click="checkVideoDetail" + :header-cell-style="{ + background: '#2D52D7', + color: '#fff', + height: '50px', + padding: 0, + }" > <el-table-column label="鍚嶇О" prop="VideoName" sortable width="500"> <template slot-scope="scope" style="cursor: pointer"> @@ -905,6 +911,8 @@ } .flex-box { display: flex; + height: 18px; + line-height: 18px; } .filter-area { background: #fff; @@ -1192,6 +1200,7 @@ } .el-table { border: none; + margin-bottom: 20px; } .el-col { margin-bottom: 10px; @@ -1201,7 +1210,7 @@ text-align: left; background: #fff; border-radius: 0 0 5px 5px; - height: 360px; + height: 368px; margin-bottom: 10px; border: 1px solid#CCD9F0; &:hover { @@ -1223,7 +1232,7 @@ } } .video-info { - padding: 10px; + padding: 14px; .base-info { > div { margin-bottom: 1px; @@ -1302,29 +1311,30 @@ font-size: 20px; right: 10px; bottom: 10px; - i { - color: #c7d0e5; - } - .follow { - color: #f90741; - } + } } + .el-table--striped + .el-table__body + tr.el-table__row--striped + td.el-table__cell { + background: #f4f6f9; + } .el-table { - border: 1px solid #dedede; th { background: #f5f5f5; color: #333; } - .operation { - cursor: pointer; - .star { - color: #ccc; - } - .follow { - color: #409eff; - } + th.el-table__cell > .cell { + color: #fff; } + .el-table__row > td { + border: none; + } + th.is-leaf { + border: none; + } + } .pagination-center { text-align: center; @@ -1332,7 +1342,15 @@ padding: 10px 0 20px; } } - + .star { + font-size: 20px; + i { + color: #c7d0e5; + } + .follow { + color: #f90741; + } + } .el-dialog__wrapper { top: -22px; } -- Gitblit v1.8.0