|
|
@@ -1,6 +1,6 @@
|
|
|
<template>
|
|
|
<el-scrollbar height="100vh" always wrap-class="scorll" @scroll="scroll">
|
|
|
- <div class="boutiqueColumn" ref="nav">
|
|
|
+ <div class="boutiqueColumn" ref="nav">
|
|
|
<el-breadcrumb separator-class="el-icon-arrow-right">
|
|
|
<el-breadcrumb-item>传统媒体</el-breadcrumb-item>
|
|
|
<el-breadcrumb-item>重点栏目分析</el-breadcrumb-item>
|
|
|
@@ -22,7 +22,11 @@
|
|
|
class="tab-body"
|
|
|
v-if="item.component === select || selectA[item.component]"
|
|
|
>
|
|
|
- <component :is="item.component" ref="child" :item="item"></component>
|
|
|
+ <component
|
|
|
+ :is="item.component"
|
|
|
+ ref="child"
|
|
|
+ :item="item"
|
|
|
+ ></component>
|
|
|
</div>
|
|
|
</el-tab-pane>
|
|
|
</el-tabs>
|
|
|
@@ -41,6 +45,7 @@ import shaanxiNewsSimulcast from "./views/shaanxiNewsSimulcast.vue";
|
|
|
import hundredBrokenPlays from "./views/hundredBrokenPlays.vue";
|
|
|
import urbanExpressNews from "./views/urbanExpressNews.vue";
|
|
|
|
|
|
+let lastMoreDate = 0;
|
|
|
export default {
|
|
|
name: "boutiqueColumn",
|
|
|
data() {
|
|
|
@@ -60,10 +65,12 @@ export default {
|
|
|
computed: {},
|
|
|
methods: {
|
|
|
scroll(scroll) {
|
|
|
+ let now = Date.now();
|
|
|
let allheight = this.$refs.nav.offsetHeight - document.body.offsetHeight;
|
|
|
let warn = allheight - scroll.scrollTop;
|
|
|
- if (warn > 10) return;
|
|
|
- this.$refs.child.changePage()
|
|
|
+ if (now - lastMoreDate < 1000 || warn > 10) return;
|
|
|
+ lastMoreDate = now;
|
|
|
+ return this.$refs.child.changePage();
|
|
|
},
|
|
|
selectTab(tab) {
|
|
|
try {
|
liyongli