Changes

src/views/dashboard-screen/index.vue

@@ -182,8 +182,50 @@ export default {
   }
 }
 </script>
+<style>
+::-webkit-scrollbar {
+
+  background-color: transparent;
+
+  width: 8px;
+
+  height: 8px;
+
+  background-clip: padding-box;
+
+}
+
+/*滚动条两端方向按钮*/
+
+::-webkit-scrollbar-button {
+
+  height: 0px;
+
+  width: 0px;
+
+}
+
+/*滚动条中间滑动部分*/
+
+::-webkit-scrollbar-thumb {
+
+  background-color: #dbdbdb;
+
+  border-radius: 4px;
+
+}
+
+/*滚动条右下角区域*/
+
+::-webkit-scrollbar-corner {
+
+  background-color: transparent;
+
+}
+</style>
 
 <style lang="scss" scoped>
+
 @font-face {
   font-family: "hxb";
   src: url("hxb.woff2") format('woff2'),;

src/views/dashboard-screen/screen/screenDlts/screenDlts.vue

@@ -16,11 +16,11 @@
       <Zydbsx v-if="dataListReady" :fetchData="false" :data="dataList[0]"/>
     </div>
     <div class="o-item a-scrool">
-<!--      <Zydbsx v-if="dataListReady" :data="dataList[1]"/>-->
+      <Zydbsx v-if="dataListReady" :fetchData="false"  :data="dataList[1]"/>
     </div>
 
     <div class="o-item a-scrool">
-<!--      <Zydbsx v-if="dataListReady" :data="dataList[2]"/>-->
+      <Zydbsx v-if="dataListReady" :fetchData="false"  :data="dataList[2]"/>
     </div>
   </div>
 </template>
@@ -172,6 +172,7 @@ export default {
   grid-row-gap: 1fr;
   grid-column-gap: 200px;
   color: #ffffff;
+  padding-bottom: 4vh;
 
   .o-item {
     position: relative;

src/views/dashboard-screen/zydbsx/index.vue

@@ -14,7 +14,6 @@
         <Zydbsx :data="item.children" :fetchData="fetchData"/>
       </div>
     </div>
-
   </div>
 </template>
 
@@ -75,7 +74,9 @@ export default {
 }
 </script>
 
+
 <style scoped lang="scss">
+
 .common-wrap {
   width: 100%;
   height: 100%;
@@ -84,6 +85,7 @@ export default {
   flex-direction: column;
   align-items: center;
   justify-content: space-around;
+  /*控制整个滚动条*/
 
   .row-item {
     flex: 1;