数据分析滚动条样式

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

src/components/e-charts/commentlist.vue

 <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;

src/components/e-charts/starlist.vue

 <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 {

src/components/e-charts/toplist.vue

 <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 {

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"

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"