From 93972cf05c16c4fc1bc92e0cddc0fe8177a84937 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=86=B7=E6=80=9D=E8=B1=AA?= <547537804@qq.com>
Date: Thu, 4 Nov 2021 17:29:10 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9F=B1=E7=8A=B6=E5=9B=BE=E5=AE=BD=E5=BA=A6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue                                   | 26 +++++++++++++++++++
 src/views/resource/comps/video/list.vue       | 10 ++++++-
 .../carousel/carousel-3d/Carousel3d.vue       |  1 -
 src/views/target/histogram/index.vue          |  4 ++-
 4 files changed, 38 insertions(+), 3 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 0182760..a866f38 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -5,4 +5,30 @@
 .base-wrapper {
   padding: 0.75rem 5rem;
 }
+
+::-webkit-scrollbar-track-piece {
+  background-color: #fff;
+  -webkit-border-radius: 0;
+}
+::-webkit-scrollbar {
+  width: 10px;
+  height: 10px;
+}
+::-webkit-scrollbar-thumb {
+  height: 50px;
+  background-color: #b8b8b8;
+  -webkit-border-radius: 6px;
+  outline: 2px solid #fff;
+  outline-offset: -2px;
+  border: 2px solid #fff;
+  filter: alpha(opacity = 50);
+  -moz-opacity: 0.5;
+  -khtml-opacity: 0.5;
+  opacity: 0.5;
+}
+::-webkit-scrollbar-thumb:hover {
+  height: 50px;
+  background-color: #878987;
+  -webkit-border-radius: 6px;
+}
 </style>
diff --git a/src/views/resource/comps/video/list.vue b/src/views/resource/comps/video/list.vue
index 14a3000..c06232c 100644
--- a/src/views/resource/comps/video/list.vue
+++ b/src/views/resource/comps/video/list.vue
@@ -1,6 +1,10 @@
 <template>
   <section class="video-list pt-8 flex-1 overflow-hidden overflow-y-auto">
-    <div class="flex flex-row mb-5" v-for="(item, key) in videoArr" :key="key">
+    <div
+      class="flex flex-row mb-5 mag-bott"
+      v-for="(item, key) in videoArr"
+      :key="key"
+    >
       <div class="mr-3">
         <video-cell class="h-36">视频</video-cell>
       </div>
@@ -110,4 +114,8 @@ export default defineComponent({
   flex-direction: column;
   justify-content: flex-start;
 }
+
+.mag-bott {
+  margin-bottom: 50px;
+}
 </style>
diff --git a/src/views/target/carousel/carousel-3d/Carousel3d.vue b/src/views/target/carousel/carousel-3d/Carousel3d.vue
index 7158089..0a97086 100644
--- a/src/views/target/carousel/carousel-3d/Carousel3d.vue
+++ b/src/views/target/carousel/carousel-3d/Carousel3d.vue
@@ -27,7 +27,6 @@ import autoplay from "./mixins/autoplay.js";
 import Controls from "./Controls.vue";
 
 const noop = () => {};
-
 export default {
   name: "carousel3d",
   components: {
diff --git a/src/views/target/histogram/index.vue b/src/views/target/histogram/index.vue
index 76d378b..e166b78 100644
--- a/src/views/target/histogram/index.vue
+++ b/src/views/target/histogram/index.vue
@@ -14,6 +14,8 @@ export default defineComponent({
     this.draw();
   },
   created() {},
+  watch: {},
+
   methods: {
     draw() {
       let box = echarts.init(this.$refs.draw);
@@ -149,7 +151,7 @@ export default defineComponent({
   box-shadow: none !important;
 }
 .eachs_box {
-  width: 90%;
+  width: 1200px;
   height: 350px;
   background-repeat: no-repeat;
   background-size: 100% 100%;
-- 
GitLab