浏览代码

限制弹窗高度

lifanagju_citu 10 月之前
父节点
当前提交
43e09e7fe8
共有 1 个文件被更改,包括 14 次插入1 次删除
  1. 14 1
      src/plugins/curtain/components/point.vue

+ 14 - 1
src/plugins/curtain/components/point.vue

@@ -6,7 +6,7 @@
       max-width="400"
       :persistent="persistent || false"
     >
-      <div class="white-bgc pa-5" style="border-radius: 2px;">
+      <div class="white-bgc pa-5" style="border-radius: 2px; max-height: 600px; overflow-y: auto;">
         <template v-if="list?.length">
           <div class="d-flex align-center" v-for="(item, index) in list" :key="'curtainPoint' + index">
             <span style="color: darkorange; font-size: 44px;" class="mdi mdi-database-check-outline ml-2 mr-2"></span>
@@ -38,4 +38,17 @@ const dialog = ref(true)
 
 </script>
 <style lang="scss" scoped>
+::-webkit-scrollbar {
+  width: 4px;
+  height: 10px;
+  // display: none;
+}
+::-webkit-scrollbar-thumb, .temporaryAdd ::-webkit-scrollbar-thumb, .details_edit ::-webkit-scrollbar-thumb {
+  // 滚动条-颜色
+  background: #c3c3c379;
+}
+::-webkit-scrollbar-track, .temporaryAdd ::-webkit-scrollbar-track, .details_edit ::-webkit-scrollbar-track {
+  // 滚动条-底色
+  background: #e5e5e58f;
+}
 </style>