Просмотр исходного кода

业务数据大屏销售漏斗展示调整

qymljy 1 месяц назад
Родитель
Сommit
fbc4662614
1 измененных файлов с 17 добавлено и 1 удалено
  1. 17 1
      src/HManagement/serviceDataScreen/modules/salesFunnel.vue

+ 17 - 1
src/HManagement/serviceDataScreen/modules/salesFunnel.vue

@@ -25,7 +25,7 @@
           </div>
         </div>
         <div style="height: 0.256vw"></div>
-        <div style="max-height: 28.345vw;min-height:28.345vw;overflow: auto">
+        <div class="scroll-container">
           <funnelBox style="margin-top: 1.256vw;" v-for="(item,index) in list"  :key="item.index" :width="width - (index * 1.042)"  :data="item"></funnelBox>
         </div>
         <div class="justify-style-left" style="margin-top: 1.026vw;color: #e13333">
@@ -424,5 +424,21 @@ export default {
 /deep/ .panel .el-checkbox__input.is-checked+.el-checkbox__label{
   color: #E6F4FF !important;
 }
+.scroll-container {
+  max-height: 28.345vw;
+  min-height:28.345vw;
+  overflow: auto
+}
+::v-deep .scroll-container::-webkit-scrollbar {
+  width: 10px; /* 定义滚动条宽度 */
+}
+::v-deep .scroll-container::-webkit-scrollbar-track {
+  background: #021c3b;
+  border-radius: 4px;
+}
 
+::v-deep .scroll-container::-webkit-scrollbar-thumb {
+  background: #efefef;
+  border-radius: 4px;
+}
 </style>