|
@@ -20,7 +20,7 @@ import Fullscreen from "@iconify-icons/ri/fullscreen-fill";
|
|
import ArrowDown from "@iconify-icons/ri/arrow-down-s-line";
|
|
import ArrowDown from "@iconify-icons/ri/arrow-down-s-line";
|
|
import ArrowRightSLine from "@iconify-icons/ri/arrow-right-s-line";
|
|
import ArrowRightSLine from "@iconify-icons/ri/arrow-right-s-line";
|
|
import ArrowLeftSLine from "@iconify-icons/ri/arrow-left-s-line";
|
|
import ArrowLeftSLine from "@iconify-icons/ri/arrow-left-s-line";
|
|
-
|
|
|
|
|
|
+import breadCrumb from "../sidebar/breadCrumb.vue";
|
|
const {
|
|
const {
|
|
Close,
|
|
Close,
|
|
route,
|
|
route,
|
|
@@ -533,11 +533,11 @@ onBeforeUnmount(() => {
|
|
</script>
|
|
</script>
|
|
|
|
|
|
<template>
|
|
<template>
|
|
- <div v-if="!showTags" ref="containerDom" class="tags-view">
|
|
|
|
|
|
+ <div v-if="!showTags" ref="containerDom" class="tags-view bg">
|
|
<span v-show="isShowArrow" class="arrow-left">
|
|
<span v-show="isShowArrow" class="arrow-left">
|
|
<IconifyIconOffline :icon="ArrowLeftSLine" @click="handleScroll(200)" />
|
|
<IconifyIconOffline :icon="ArrowLeftSLine" @click="handleScroll(200)" />
|
|
</span>
|
|
</span>
|
|
- <div
|
|
|
|
|
|
+ <!-- <div
|
|
ref="scrollbarDom"
|
|
ref="scrollbarDom"
|
|
class="scroll-container"
|
|
class="scroll-container"
|
|
@wheel.prevent="handleWheel"
|
|
@wheel.prevent="handleWheel"
|
|
@@ -575,7 +575,8 @@ onBeforeUnmount(() => {
|
|
/>
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
- </div>
|
|
|
|
|
|
+ </div> -->
|
|
|
|
+ <breadCrumb class="scroll-container pl-3" />
|
|
<span v-show="isShowArrow" class="arrow-right">
|
|
<span v-show="isShowArrow" class="arrow-right">
|
|
<IconifyIconOffline :icon="ArrowRightSLine" @click="handleScroll(-200)" />
|
|
<IconifyIconOffline :icon="ArrowRightSLine" @click="handleScroll(-200)" />
|
|
</span>
|
|
</span>
|
|
@@ -630,4 +631,9 @@ onBeforeUnmount(() => {
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
<style lang="scss" scoped>
|
|
@import url("./index.scss");
|
|
@import url("./index.scss");
|
|
|
|
+
|
|
|
|
+.bg {
|
|
|
|
+ // background-color: #d5e8fb;
|
|
|
|
+ background-color: #d5e8fb00;
|
|
|
|
+}
|
|
</style>
|
|
</style>
|