feat:样式修改

yangan

2024-11-04 3713f1e122891450d99af7df3bbcd234a3a4da05

 pages/loadUnload-page/loadUnload-page.vue

@@ -3,7 +3,7 @@
      <view class="customer-index">
         <view class="customer-index_body">
            <view class="wait-collection"
               style="background: url('https://mx.jzeg.cn:9096/appimg/image/banner/customerbanner.png') no-repeat;background-size:100% 100%">
               style="background: url('https://wrzs.czjlchem.com:9090/appimg/image/banner/kuguanbanner.png') no-repeat;background-size:100% 100%">
            </view>
            <!-- <view style="position: relative;top: -120px;">
               <u-empty mode="data"
@@ -21,7 +21,7 @@
</template>

<script>
   import selectTarget from '@/pages/loadUnload-page/selectTarget/selectTarget.vue'
import selectTarget from '@/pages/loadUnload-page/selectTarget/selectTarget.vue'
   export default {
      props: {
         indexLoadUnloadBillOfLoadingData: {
@@ -62,6 +62,34 @@

<style lang="scss"
   scoped>
   /* 大型设备（大台式电脑，1201px 起）*/
      @media screen and (min-width: 1201px) {
      .wait-collection{
         min-height: 1800rpx!important;
      }
      }

      /* 中型设备（台式电脑，992px 起） */
      @media screen and (min-width: 991px) and (max-width: 1200px) {
      .wait-collection{
         min-height: 1400rpx!important;
      }
      }


      /* 小型设备（平板电脑，768px 起） */
      @media screen and (min-width: 768px) and (max-width: 990px) {
      .wait-collection{
         min-height: 600rpx!important;
      }
      }

      /* 超小设备（手机，小于 768px）*/
      @media only screen and (max-height: 767px) {
      .wait-collection{
         min-height: 600rpx!important;
      }
      }
   @mixin flex {
      display: flex;
      justify-content: space-between;
@@ -70,10 +98,17 @@

   .wait-collection {
      width: 100%;
      height: 600rpx;
      height: 600rpx;
      position: relative;
      top: vww(-10);
      z-index: 0;
      // .bannerImg{
      //    width: 100%;
      //    height: 100%;
      //    object-fit: cover;
      //    transform: translateY(200r);
			 
      // }
   }

   .customer-index {