From 9ecf0b109dfbf5ceea3fc0ff44e07bfd9cfeee55 Mon Sep 17 00:00:00 2001
From: xuyiming <xuyiming@bd-apaas.com>
Date: Thu, 16 Jul 2020 17:04:13 +0800
Subject: [PATCH] =?UTF-8?q?=E6=95=B0=E6=8D=AE=E5=88=86=E6=9E=90=E6=BB=9A?=
 =?UTF-8?q?=E5=8A=A8=E6=9D=A1=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/css/index.css                   | 21 +++++++++++++++++++++
 src/components/e-charts/commentlist.vue    |  3 +--
 src/components/e-charts/starlist.vue       |  3 +--
 src/components/e-charts/toplist.vue        |  3 +--
 src/pages/data-analysis/my-application.vue |  2 +-
 src/pages/data-analysis/my-service.vue     |  2 +-
 6 files changed, 26 insertions(+), 8 deletions(-)

diff --git a/src/assets/css/index.css b/src/assets/css/index.css
index 62cd98c..fc8bdab 100644
--- a/src/assets/css/index.css
+++ b/src/assets/css/index.css
@@ -617,4 +617,25 @@ width: 620px!important;
 }
 .apass_checkbox .el-checkbox__input.is-checked + .el-checkbox__label {
   color: #58617a;
+}
+
+
+.apass_scroll::-webkit-scrollbar {
+  /*滚动条整体样式*/
+  width: 16px; /*高宽分别对应横竖滚动条的尺寸*/
+  height: 1px;
+}
+.apass_scroll::-webkit-scrollbar-thumb {
+  /*滚动条里面小方块*/
+  border-radius: 8px;
+  /* background: #dde4ff; */
+  box-shadow: 8px 0 0 #a5adb7 inset;
+  border: 4px solid rgba(0, 0, 0, 0);
+}
+.apass_scroll::-webkit-scrollbar-track {
+  /*滚动条里面轨道*/
+  border-radius: 8px;
+  /* background: #f4f4f4; */
+  box-shadow: 8px 0 0 #f4f4f4 inset;
+  border: 4px solid rgba(0, 0, 0, 0);
 }
\ No newline at end of file
diff --git a/src/components/e-charts/commentlist.vue b/src/components/e-charts/commentlist.vue
index 30e7dce..6616153 100644
--- a/src/components/e-charts/commentlist.vue
+++ b/src/components/e-charts/commentlist.vue
@@ -1,5 +1,5 @@
 <template>
-  <ul class="comments_list">
+  <ul class="comments_list apass_scroll">
     <li
       class="comment_card"
       v-for="(item, index) in data"
@@ -58,7 +58,6 @@ export default {
   overflow-y: auto;
 }
 .comment_card {
-  margin-right: 10px;
   display: flex;
   justify-content: flex-start;
   align-items: flex-start;
diff --git a/src/components/e-charts/starlist.vue b/src/components/e-charts/starlist.vue
index dd73380..40f4ab9 100644
--- a/src/components/e-charts/starlist.vue
+++ b/src/components/e-charts/starlist.vue
@@ -1,5 +1,5 @@
 <template>
-  <ul class="star_list">
+  <ul class="star_list apass_scroll">
     <li
       class="item_list"
       v-for="(option, index) in options"
@@ -53,7 +53,6 @@ export default {
   display: flex;
   justify-content: flex-start;
   align-items: center;
-  margin-right: 10px;
   margin-bottom: 12px;
 }
 .item-rate {
diff --git a/src/components/e-charts/toplist.vue b/src/components/e-charts/toplist.vue
index 8d555c2..4167965 100644
--- a/src/components/e-charts/toplist.vue
+++ b/src/components/e-charts/toplist.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="top_list">
+  <div class="top_list apass_scroll">
     <ul>
       <li class="item_list" v-for="(option, index) in options" :key="index">
         <div class="item_index">
@@ -57,7 +57,6 @@ export default {
   display: flex;
   justify-content: flex-start;
   align-items: center;
-  margin-right: 10px;
   margin-bottom: 18px;
 }
 .item_index {
diff --git a/src/pages/data-analysis/my-application.vue b/src/pages/data-analysis/my-application.vue
index 66a3a00..ce85f13 100644
--- a/src/pages/data-analysis/my-application.vue
+++ b/src/pages/data-analysis/my-application.vue
@@ -109,7 +109,7 @@
                     </div>
                   </div>
                 </div>
-                <div class="right-content">
+                <div class="right-content apass_scroll">
                   <apass-table
                     class="hot-search-table"
                     :header="hotSearchHeader"
diff --git a/src/pages/data-analysis/my-service.vue b/src/pages/data-analysis/my-service.vue
index 647e517..2d163c1 100644
--- a/src/pages/data-analysis/my-service.vue
+++ b/src/pages/data-analysis/my-service.vue
@@ -79,7 +79,7 @@
                     </div>
                   </div>
                 </div>
-                <div class="right-content">
+                <div class="right-content apass_scroll">
                   <apass-table
                     class="hot-search-table"
                     :header="hotSearchHeader"
-- 
2.26.0