Ver código fonte

修改组件和资源中心的滚动条

sujunling 1 ano atrás
pai
commit
57ff1cf2a6

+ 8 - 2
src/views/assembly/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <div :class="[`${prefixCls}-bottom`, '!dark:bg-dark-900']">
+  <div :class="[`${prefixCls}-bottom`, '!dark:bg-dark-900','zjzyWrapper']">
     <div class="datacenter-left">
       <div class="page-name">
         <p>组件目录</p>
@@ -84,6 +84,13 @@ export default defineComponent({
   },
 });
 </script>
+<style>
+.zjzyWrapper .datacenter-right{
+  height: calc(100vh - 195px);
+  overflow: auto;
+  background: #fff;
+}
+</style>
 <style lang="less" scoped>
 .ztree-container p.action {
   background: #0671DD;
@@ -100,7 +107,6 @@ export default defineComponent({
   float: left;
   width: calc(100vw - 320px);
   height: 100%;
-  overflow-y: scroll;
 }
 
 .ztree-container {

+ 3 - 13
src/views/resource/plat/index.vue

@@ -178,30 +178,20 @@ export default defineComponent({
   font-weight: bold;
   font-size: 16px;
 }
-.resouresList .ant-tabs .ant-tabs-top-content {
-    width: 100%;
-    height: 100vh;
-    overflow: auto;
-    &::-webkit-scrollbar {
-      width: 3px;
-    }
-}
-.datacenter-right .resource_list {
-  margin-bottom: 160px;
+.vben-layout-content {
+  height: calc(100vh - 50px);
 }
 </style>
 <style lang="less" scoped>
 .p-4 {
   height: 100%;
-
+  overflow: hidden;
   .resoure-center {
     padding: 20px;
     width: 100%;
     height: 100%;
     background-color: #fff;
     border-radius: 6px;
-    overflow: hidden;
-    height: calc(100vh - 70px);
     .datacenter-left {
       float: left;
       width: 250px;

+ 0 - 1
src/views/resource/plat/item/FileData.vue

@@ -196,7 +196,6 @@ export default defineComponent({
 .operation-item {
   border-radius: 3px;
 }
-
 .datacenter-right .resource_list .item-title .r_name {
   color: #5e5d5e;
   display: inline-block;

+ 9 - 2
src/views/resource/plat/item/MapData.vue

@@ -60,11 +60,12 @@
         </div>
         <a-empty style="margin: 100px auto;" v-else description="暂无数据"></a-empty>
       </div>
+      
     </div>
     <MyPage :total="total"></MyPage>
     <!-- <DetailModal v-if="showResDeatil" :type="'MAP'" @closeModal="showResDeatil = false" :resId="detailResId"
       :res="detailRes" /> -->
-      <DetailModal @register="registerModal" :type="'FILE'" @closeModal="showResDeatil = false" :res="detailRes" :resId="detailResId" />
+    <DetailModal @register="registerModal" :type="'FILE'" @closeModal="showResDeatil = false" :res="detailRes" :resId="detailResId" />
     <EmpowerInfo @register="registerModalEM" title="地图资源申请信息" ref="infoRef"></EmpowerInfo>
   </div>
 </template>
@@ -208,7 +209,13 @@ export default defineComponent({
   },
 });
 </script>
-
+<style>
+.datacenter-right{
+  height: calc(100vh - 270px);
+  overflow: auto;
+  background: #fff;
+}
+</style>
 <style scoped>
 .operation-item {
   border-radius: 3px;