1、优化代码：mdc全局页面表格区域内容若需滚动无需翻至最底部且部分页面竖向滚动会滚动整个页面调整为仅滚动表格区域，表格操作列右固定以满足不同分辨率下...

zhuzhuanzhuan

2024-01-12 120cf05bfd146a9bd1c011c9dd0244a57d0dea64

 src/views/mdc/base/modules/deviceBaseInfo/EquipmentLayout.vue

@@ -124,42 +124,38 @@
  .equipment_box img{
    width: 45%;
  }

  .containerequip{
    overflow: auto;
  }

  @media screen and (min-width: 1920px){
    .containerequip{
      height: 640px!important;
      overflow: scroll;
    }
  }
  @media screen and (min-width: 1680px) and (max-width: 1920px){
    .containerequip{
      height: 640px!important;
      overflow: scroll;
    }
  }
  @media screen and (min-width: 1400px) and (max-width: 1680px){
    .containerequip{
      height: 493px!important;
      overflow: scroll;
    }
  }
  @media screen and (min-width: 1280px) and (max-width: 1400px){
    .containerequip{
      height: 493px!important;
      overflow: scroll;
    }
  }
  @media screen and (max-width: 1280px){
    .containerequip{
      height: 394px!important;
      overflow: scroll;
    }
  }
  .container_content {
    width: 100%;
    /*display: flex;*/
    /*flex-wrap: wrap;*/
    /*justify-content: space-between;*/
    /*align-items: center;*/
    position: relative;
  }

@@ -168,34 +164,13 @@
    display: inline-block;
    text-align: center;
    margin-bottom: 5%;
    /*float: left;*/
  }

  .container_content .contnet p {
    padding-top: 5%;
  }

  /*.container_content .contnet img {*/
    /*padding: 5%;*/
  /*}*/
  /**/
  .addclass {
    /*float: left;*/
    /*position: absolute;*/
    /*top: 0;*/
    /*left: 0;*/
  }

  .noaddclass {
    /*float: left;*/
  }

  /*.addclass .content_equipment img {*/
    /*border-bottom: 2px solid #e957ff;*/
    /*!*padding-bottom: 8%;*!*/
  /*}*/
  .addclass p {
    border-bottom: 2px solid #e957ff;
    /*padding-bottom: 8%;*/
  }
</style>