This commit is contained in:
670788339
2025-11-13 12:02:41 +08:00
parent af4e73bdf7
commit e534fcb4a1

View File

@@ -101,7 +101,7 @@
</div> </div>
<!-- 修改热点标签区域 --> <!-- 修改热点标签区域 -->
<div style="margin: 10px 0;"> <div style="margin: 10px 0;">
<div class="hot-tags-wrapper"> <!-- <div class="hot-tags-wrapper">
<div class="hot-tags-wrapper"> <div class="hot-tags-wrapper">
<div <div
class="option-item" style=" padding-top: 2px;" class="option-item" style=" padding-top: 2px;"
@@ -112,7 +112,7 @@
<span :class="isAllHotTagsSelected ? 'nav-bottbor' : ''"></span> <span :class="isAllHotTagsSelected ? 'nav-bottbor' : ''"></span>
</div> </div>
<!-- <div &lt;!&ndash; <div
class="option-item" style=" padding-top: 2px;" class="option-item" style=" padding-top: 2px;"
v-for="tag in hotTagsList" v-for="tag in hotTagsList"
:key="tag.id" :key="tag.id"
@@ -121,29 +121,50 @@
> >
<span>{{tag.tagName}}</span> <span>{{tag.tagName}}</span>
<span :class="tag.checked ? 'nav-bottbor' : ''"></span> <span :class="tag.checked ? 'nav-bottbor' : ''"></span>
</div>--> </div>&ndash;&gt;
<!-- 第一行的热点标签 --> &lt;!&ndash; 第一行的热点标签 &ndash;&gt;
<div v-for="(tag, index) in firstRowTags" :key="tag.id" <div v-for="(tag, index) in firstRowTags" :key="tag.id"
class="option-item" style="padding-top: 2px;" class="option-item" style="padding-top: 2px;"
@click="handleTagClick(tag, hotTagsList, 1)" @click="handleTagClick(tag, hotTagsList, 1)"
:class="{ 'option-active': tag.checked }"> :class="{ 'option-active': tag.checked }">
<span>{{ tag.tagName }}</span> <span>{{ tag.tagName }}</span>
<!-- <span :class="tag.checked ? 'nav-bottbor' : ''"></span>--> &lt;!&ndash; <span :class="tag.checked ? 'nav-bottbor' : ''"></span>&ndash;&gt;
</div> </div>
</div> </div>
<!-- 第二行热点标签 --> &lt;!&ndash; 第二行热点标签 &ndash;&gt;
<div class="hot-tags-row" v-if="secondRowTags.length > 0"> <div class="hot-tags-row" v-if="secondRowTags.length > 0">
<!-- 第二行的热点标签 --> &lt;!&ndash; 第二行的热点标签 &ndash;&gt;
<div v-for="(tag, index) in secondRowTags" :key="tag.id" <div v-for="(tag, index) in secondRowTags" :key="tag.id"
class="option-item" style="padding-top: 2px;" class="option-item" style="padding-top: 2px;"
@click="handleTagClick(tag, hotTagsList, 1)" @click="handleTagClick(tag, hotTagsList, 1)"
:class="{ 'option-active': tag.checked }"> :class="{ 'option-active': tag.checked }">
<span>{{ tag.tagName }}</span> <span>{{ tag.tagName }}</span>
<!-- <span :class="tag.checked ? 'nav-bottbor' : ''"></span>--> &lt;!&ndash; <span :class="tag.checked ? 'nav-bottbor' : ''"></span>&ndash;&gt;
</div> </div>
</div> </div>
</div>-->
<div style="flex:1;" id="searchBox">
<div class="field">
<div
class="option-item" style=" padding-top: 2px;"
:class="{ 'option-active': isAllHotTagsSelected }"
@click="handleClearHotTags"
>
<span>全部</span>
<span :class="isAllHotTagsSelected ? 'nav-bottbor' : ''"></span>
</div>
<div class="fieldbox">
<div v-for="(tag, index) in firstRowTags" :key="tag.id"
class="option-item" style="padding-top: 2px;"
@click="handleTagClick(tag, hotTagsList, 1)"
:class="{ 'option-active': tag.checked }">
<span>{{ tag.tagName }}</span>
</div>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
<!-- <div id="fixd-box" class="upload" style="margin-left: 26px;"> <!-- <div id="fixd-box" class="upload" style="margin-left: 26px;">
@@ -2798,6 +2819,25 @@ a.custom2 {
.fieldbox {
display: flex;
white-space: nowrap;
flex-wrap: wrap;
div {
padding: 0 15px;
display: inline-block;
font-size: 14px;
line-height: 25px;
color: #3d3d3d;
font-weight: 500;
}
.fieldactive {
color: #387DF7;
}
}