ll

liukangdong

2024-08-27 2c08a98f7e85ec7c9376f27a7933e75e44d672f7

 wechat_jiaxuan/components/disRealpic/index.less

@@ -11,29 +11,22 @@

  image {
    width: 28rpx;
    height: 28rpx;
    margin-right: 16rpx;
  }
}

.app {
  height: 100%;
  width: 100%;
  overflow-y:hidden;
  .home_content{
    height: 100%;
  }
}
.home_top{
  position: fixed;
  z-index: 9999;
  width: 100%;
  background-color: #fff;
}
.main_content{
  height: 100%;
  padding-top: 120rpx;

  .query_wrap_scroll {
    width: 670rpx;
    width: 750rpx;
    padding: 0 40rpx;
  }

@@ -57,7 +50,7 @@

  .query_param {
    position: absolute;
    z-index: 99;
    z-index: 999;
    background-color: #fff;
    width: 100%;

@@ -66,7 +59,8 @@
      display: flex;
      flex-wrap: wrap;
      padding: 30rpx 40rpx;

      max-height: 480rpx;
      overflow: auto;
      .item {
        width: 202rpx;
        height: 72rpx;
@@ -112,8 +106,19 @@
      }
    }
  }
  .shade{
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
    z-index: 99;
  }

  .status {
    position: absolute;
    background-color: #fff;
    z-index: 99;
    width: 100%;
    display: flex;
    padding: 0rpx 40rpx;
    height: 100rpx;
@@ -131,12 +136,19 @@
  }

  .goods_list {
    height: calc( 100% -  222rpx);
    width: 750rpx;
    box-sizing: border-box;
    padding: 12rpx 40rpx;
    height: calc( 100% - 188rpx);
    display: flex;
    .empty{
      width: 100%;
      height: 100rpx;
    }
    .item {
      width: 100%;
      margin-bottom: 32rpx;

      margin-bottom: 32rpx; 
      margin-right: 0;
      .img_wrap {
        width: 100%;
        height: 376rpx;
@@ -155,20 +167,21 @@

        .full {
          position: absolute;
          top: 32rpx;
          right: 32rpx;
          top: 16rpx;
          left: 16rpx;
          font-size: 20rpx;
          color: rgba(255, 255, 255, 0.8);
          width: 112rpx;
          height: 42rpx;
          width:52rpx;
          height: 46rpx;
          background: rgba(0, 0, 0, 0.54);
          border-radius: 30rpx;
          border-radius: 8rpx;
          display: flex;
          align-items: center;
          justify-content: center;

          .icon {
            width: 24rpx;
            height: 24rpx;
            margin-right: 4rpx;
          }
        }
@@ -194,6 +207,7 @@
      }

      .name {
        font-size: 30rpx;
        margin: 12rpx 0 8rpx;
        white-space: nowrap;
        overflow: hidden;
@@ -209,6 +223,7 @@

        .icon {
          width: 28rpx;
          height: 26rpx;
          margin-right: 8rpx;
        }

@@ -222,4 +237,14 @@
      }
    }
  }
}
.empty_wrap{
  width: 100%;
  display: flex;
  padding-top: 200rpx;
  justify-content: center;
}
.default_empty{
  width: 300rpx;
  height: 300rpx;
}