mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-portal.git
synced 2025-12-13 21:06:42 +08:00
调试
This commit is contained in:
@@ -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
|
<!– <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>–>
|
||||||
<!-- 第一行的热点标签 -->
|
<!– 第一行的热点标签 –>
|
||||||
<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>-->
|
<!– <span :class="tag.checked ? 'nav-bottbor' : ''"></span>–>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- 第二行热点标签 -->
|
<!– 第二行热点标签 –>
|
||||||
<div class="hot-tags-row" v-if="secondRowTags.length > 0">
|
<div class="hot-tags-row" v-if="secondRowTags.length > 0">
|
||||||
<!-- 第二行的热点标签 -->
|
<!– 第二行的热点标签 –>
|
||||||
<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>-->
|
<!– <span :class="tag.checked ? 'nav-bottbor' : ''"></span>–>
|
||||||
</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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user