|
|
@@ -157,9 +157,11 @@
|
|
|
</el-row>
|
|
|
<el-row :gutter="20" class="type">
|
|
|
<el-col :span="8" class="list" v-for="(item, index) in typeList" :key="index">
|
|
|
- <div class="title">{{ item.title }}</div>
|
|
|
+ <div class="list_1">
|
|
|
+ <div class="title">{{ item.title }}</div>
|
|
|
+ </div>
|
|
|
<div
|
|
|
- class="list_1"
|
|
|
+ class="list_2"
|
|
|
v-for="(tag, indexx) in item.list"
|
|
|
:key="indexx"
|
|
|
@click="toLink(tag)"
|
|
|
@@ -474,34 +476,37 @@ const toMore = () => {
|
|
|
.type {
|
|
|
margin: 10px 0;
|
|
|
.list {
|
|
|
- margin: 10px 0;
|
|
|
- .title {
|
|
|
- font-size: $global-font-size-20;
|
|
|
- font-weight: 600;
|
|
|
- text-align: center;
|
|
|
- color: #252f49;
|
|
|
- }
|
|
|
- .title::before {
|
|
|
- content: '';
|
|
|
- position: absolute;
|
|
|
- transform: translateY(-50%);
|
|
|
- top: 20px;
|
|
|
- margin-left: -70px;
|
|
|
- width: 40px;
|
|
|
- height: 1px;
|
|
|
- border-bottom: 1px #252f49 solid;
|
|
|
- }
|
|
|
- .title::after {
|
|
|
- content: '';
|
|
|
- position: absolute;
|
|
|
- transform: translateY(-50%);
|
|
|
- top: 20px;
|
|
|
- margin-left: 30px;
|
|
|
- width: 40px;
|
|
|
- height: 1px;
|
|
|
- border-bottom: 1px #252f49 solid;
|
|
|
- }
|
|
|
.list_1 {
|
|
|
+ margin: 0 0 20px 0;
|
|
|
+ .title {
|
|
|
+ font-size: $global-font-size-20;
|
|
|
+ font-weight: 600;
|
|
|
+ text-align: center;
|
|
|
+ color: #252f49;
|
|
|
+ }
|
|
|
+ .title::before {
|
|
|
+ content: '';
|
|
|
+ position: absolute;
|
|
|
+ transform: translateY(-50%);
|
|
|
+ top: 12px;
|
|
|
+ margin-left: -100px;
|
|
|
+ width: 80px;
|
|
|
+ height: 1px;
|
|
|
+ border-bottom: 1px #252f49 solid;
|
|
|
+ }
|
|
|
+ .title::after {
|
|
|
+ content: '';
|
|
|
+ position: absolute;
|
|
|
+ transform: translateY(-50%);
|
|
|
+ top: 12px;
|
|
|
+ margin-left: 30px;
|
|
|
+ width: 80px;
|
|
|
+ height: 1px;
|
|
|
+ border-bottom: 1px #252f49 solid;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .list_2 {
|
|
|
font-size: $global-font-size-18;
|
|
|
margin: 8px;
|
|
|
padding: 5px;
|
|
|
@@ -509,7 +514,7 @@ const toMore = () => {
|
|
|
border: 1px #ebe2e2 solid;
|
|
|
border-radius: 4px;
|
|
|
}
|
|
|
- .list_1:hover {
|
|
|
+ .list_2:hover {
|
|
|
background: #2280ff;
|
|
|
color: #ffffff;
|
|
|
}
|
