From 620f1f8e31cd69a752e48277570fd30f7b57d1d8 Mon Sep 17 00:00:00 2001
From: hanbaoshan <hanbaoshan@aiotlink.com>
Date: 星期五, 26 二月 2021 10:50:23 +0800
Subject: [PATCH] 朔黄检索页面改版，覆盖了一些公共样式，更新字体包
---
src/pages/shuohuangMonitorAnalyze/components/searchForVideoAnalyze.vue | 52 ++++++++++++++++++++++++++++++++++++++++------------
1 files changed, 40 insertions(+), 12 deletions(-)
diff --git a/src/pages/shuohuangMonitorAnalyze/components/searchForVideoAnalyze.vue b/src/pages/shuohuangMonitorAnalyze/components/searchForVideoAnalyze.vue
index 67cc64b..090a650 100644
--- a/src/pages/shuohuangMonitorAnalyze/components/searchForVideoAnalyze.vue
+++ b/src/pages/shuohuangMonitorAnalyze/components/searchForVideoAnalyze.vue
@@ -112,6 +112,7 @@
:key="ind"
:index="index + '-' + ind"
@click="checkOption(config, option)"
+ class="highlevel-option"
>{{ option.name }}</el-menu-item>
</el-submenu>
</el-menu>
@@ -205,7 +206,7 @@
</div>
</div>
<div class="star" @click="toggleFollow(data)">
- <i :class="[data.IsFollow ? 'follow' : '', 'el-icon-star-off']"></i>
+ <i class="iconfont" :class="[data.IsFollow ? 'follow' : '', 'iconguanzhu']"></i>
</div>
</div>
</el-col>
@@ -683,7 +684,9 @@
<style lang="scss">
.search-for-video-analyze {
- padding: 20px 30px;
+ //padding: 20px 30px;
+ //鍑烘í鍚戞粴鍔ㄦ潯
+ padding: 20px 40px;
.flex-box {
display: flex;
}
@@ -746,6 +749,8 @@
width: 100px;
text-align: left;
background: #f3f3f3;
+ color: rgb(133, 133, 133);
+ background: #ecf0fc;
}
.options-wrap {
flex: 1;
@@ -777,23 +782,25 @@
justify-content: flex-end;
.more {
margin-top: 6px;
- padding: 0px 12px;
+ padding: 0px 6px;
border: 1px solid #ccc;
margin-right: 10px;
- width: 48px;
+ width: 44px;
height: 26px;
line-height: 26px;
+ border-radius: 2px;
&:hover {
color: #6486e7;
}
}
.multCheck {
margin-top: 6px;
- width: 48px;
+ width: 44px;
height: 26px;
line-height: 26px;
- padding: 0px 12px;
+ padding: 0px 6px;
border: 1px solid #ccc;
+ border-radius: 2px;
&:hover {
color: #7695ec;
border-color: #7695ec;
@@ -829,6 +836,12 @@
min-width: auto;
}
}
+ .highlevel-option {
+ font-size: 12px;
+ &:hover {
+ color: #6486e7;
+ }
+ }
}
}
}
@@ -839,8 +852,7 @@
.data-list {
margin-top: 20px;
.header-bar {
- padding-bottom: 5px;
- border-bottom: 1px solid #ddd;
+ padding-bottom: 10px;
.left {
float: left;
display: flex;
@@ -873,11 +885,20 @@
}
}
.content {
- padding-top: 14px;
+ //padding-top: 14px;
+ background: #f5f5f5;
+ background: #fff;
+ margin: 0 -30px;
+ margin-bottom: -30px;
+ padding: 0;
// .el-row {
// display: flex;
// flex-wrap: wrap;
// }
+ .el-row {
+ padding-top: 20px;
+ background: #f5f5f5;
+ }
.el-col {
margin-bottom: 10px;
}
@@ -885,9 +906,14 @@
cursor: pointer;
position: relative;
text-align: left;
+ background: #fff;
border: 1px solid #dedede;
border-radius: 5px;
- height: 420px;
+ height: 360px;
+ margin-bottom: 10px;
+ &:hover {
+ box-shadow: 3px 2px 5px 1px rgba(0, 0, 0, 0.3);
+ }
.video-wrap {
border-radius: 3px;
width: 100%;
@@ -909,7 +935,7 @@
padding: 10px;
.base-info {
> div {
- margin-bottom: 5px;
+ margin-bottom: 1px;
}
label {
color: #999;
@@ -963,7 +989,9 @@
}
.pagination-center {
text-align: center;
- margin: 10px auto;
+ margin: 0 -10px;
+ padding: 10px 0 20px;
+ background: #f5f5f5;
}
}
.dialog-video {
--
Gitblit v1.8.0