mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-portal.git
synced 2025-12-10 19:36:43 +08:00
注释掉案例分类的左侧三级
This commit is contained in:
@@ -4,44 +4,43 @@
|
|||||||
<portal-header current="case" textColor="#fff" @emitInput="emitInput" @showClass="showClass"></portal-header>
|
<portal-header current="case" textColor="#fff" @emitInput="emitInput" @showClass="showClass"></portal-header>
|
||||||
</div>
|
</div>
|
||||||
<div class="xcontent2">
|
<div class="xcontent2">
|
||||||
<div class="xcontent2-minor" style="margin-right:36px;">
|
<!-- 新增的案例分类 -->
|
||||||
<div class="course-title-style">
|
<!-- <div class="xcontent2-minor" style="margin-right:36px;">
|
||||||
<div class="imgTilte">
|
<div class="course-title-style">
|
||||||
<div>案例分类</div>
|
<div class="imgTilte">
|
||||||
<div>COURSE</div>
|
<div>案例分类</div>
|
||||||
</div>
|
<div>COURSE</div>
|
||||||
</div>
|
|
||||||
<div class="course-list">
|
|
||||||
<div class="course-one" v-for="one in treeList" :key="one.id" @click.stop="handleOptionClick(one, 1, treeList)">
|
|
||||||
<div class="course-one-content">{{ one.name }}</div>
|
|
||||||
<div class="course-two" v-for="(twoList, twoIndex) in one.children" :key="twoList.id"
|
|
||||||
@click.stop="handleOptionClick(twoList, 2, one.children)"
|
|
||||||
:class="{ courseTwoActive: twoList.id == twoId || twoList.checked }" @mouseleave.stop="leaveIndex"
|
|
||||||
@mouseenter.stop="changeIndex(twoList.id)"
|
|
||||||
>
|
|
||||||
<!-- 三级分类 -->
|
|
||||||
<el-popover class="popover" popper-class='coursePopperClass' placement="right-start" width="536"
|
|
||||||
:disabled="!twoList.children.length" :open-delay="0" :close-delay="0" trigger="hover" :visible-arrow="false"
|
|
||||||
@hide="leaveIndex" @show="changeIndex(twoList.id)" transition="none">
|
|
||||||
<div class="course-two-content" slot="reference">{{ twoList.name }}</div>
|
|
||||||
<!-- 内容 -->
|
|
||||||
<div class="course-three-box">
|
|
||||||
<div class="course-three-box-title">
|
|
||||||
{{ twoList.name }}
|
|
||||||
</div>
|
|
||||||
<div style="padding: 0 40px;display: flex;flex-wrap: wrap;">
|
|
||||||
<div :class="threeList.checked ? 'threeActive' : ''" v-for="threeList in twoList.children"
|
|
||||||
:key="threeList.id" @click.stop="handleOptionClick(threeList, 3, twoList.children)"
|
|
||||||
class="course-three">
|
|
||||||
<span>{{ threeList.name }}</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</el-popover>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="course-list">
|
||||||
</div>
|
<div class="course-one" v-for="one in treeList" :key="one.id" @click.stop="handleOptionClick(one, 1, treeList)">
|
||||||
|
<div class="course-one-content">{{ one.name }}</div>
|
||||||
|
<div class="course-two" v-for="(twoList, twoIndex) in one.children" :key="twoList.id"
|
||||||
|
@click.stop="handleOptionClick(twoList, 2, one.children)"
|
||||||
|
:class="{ courseTwoActive: twoList.id == twoId || twoList.checked }" @mouseleave.stop="leaveIndex"
|
||||||
|
@mouseenter.stop="changeIndex(twoList.id)"
|
||||||
|
>
|
||||||
|
<el-popover class="popover" popper-class='coursePopperClass' placement="right-start" width="536"
|
||||||
|
:disabled="!twoList.children.length" :open-delay="0" :close-delay="0" trigger="hover" :visible-arrow="false"
|
||||||
|
@hide="leaveIndex" @show="changeIndex(twoList.id)" transition="none">
|
||||||
|
<div class="course-two-content" slot="reference">{{ twoList.name }}</div>
|
||||||
|
<div class="course-three-box">
|
||||||
|
<div class="course-three-box-title">
|
||||||
|
{{ twoList.name }}
|
||||||
|
</div>
|
||||||
|
<div style="padding: 0 40px;display: flex;flex-wrap: wrap;">
|
||||||
|
<div :class="threeList.checked ? 'threeActive' : ''" v-for="threeList in twoList.children"
|
||||||
|
:key="threeList.id" @click.stop="handleOptionClick(threeList, 3, twoList.children)"
|
||||||
|
class="course-three">
|
||||||
|
<span>{{ threeList.name }}</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</el-popover>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div> -->
|
||||||
<div class="xcontent2-main" style="margin-right: 30px;">
|
<div class="xcontent2-main" style="margin-right: 30px;">
|
||||||
<div class="left-div">
|
<div class="left-div">
|
||||||
<div class="search-div">
|
<div class="search-div">
|
||||||
@@ -249,7 +248,8 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<!-- <div class="xcontent2-minor">
|
<!-- 打开排行榜 -->
|
||||||
|
<div class="xcontent2-minor">
|
||||||
<div id="fixd-box">
|
<div id="fixd-box">
|
||||||
<div class="portal-ranking ranking-bg">
|
<div class="portal-ranking ranking-bg">
|
||||||
<p class="ranking-title">好评榜</p>
|
<p class="ranking-title">好评榜</p>
|
||||||
@@ -304,7 +304,7 @@
|
|||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div> -->
|
</div>
|
||||||
<div style="height: 50px;"></div>
|
<div style="height: 50px;"></div>
|
||||||
<el-dialog class="protocol" :close-on-click-modal="false" :visible.sync="protocolDialogVisible" width="30%"
|
<el-dialog class="protocol" :close-on-click-modal="false" :visible.sync="protocolDialogVisible" width="30%"
|
||||||
:show-close="false">
|
:show-close="false">
|
||||||
@@ -691,8 +691,9 @@ export default {
|
|||||||
this.loadTypeData();//加载分类
|
this.loadTypeData();//加载分类
|
||||||
this.getAnkingData();
|
this.getAnkingData();
|
||||||
this.searchterm();
|
this.searchterm();
|
||||||
// this.getPopularity();
|
//打开排行榜下边的两个
|
||||||
// this.getPositive();
|
this.getPopularity();
|
||||||
|
this.getPositive();
|
||||||
this.couresreso();
|
this.couresreso();
|
||||||
// window.addEventListener("scroll", this.handleScroll);
|
// window.addEventListener("scroll", this.handleScroll);
|
||||||
// 获取年
|
// 获取年
|
||||||
|
|||||||
Reference in New Issue
Block a user