‘’

liukangdong

2024-08-05 00bf17838b496e6fcfed2e521f9c27f8f0e3e3c7

 wechat_jiaxuan/components/disProduct/index.less

@@ -10,9 +10,9 @@
  display: flex;
  align-items: center;
  background-color: #F7F7F7;

  image {
    width: 28rpx;
    height: 28rpx;
    margin-right: 16rpx;
  }
}
@@ -20,21 +20,14 @@
.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 {
  display: flex;
  padding-top: 120rpx;
  height: 100%;
  .main_left {
    width: 160rpx;
@@ -65,11 +58,16 @@
    flex: 1;
    position: relative;
    height: 100%;
    .query_wrap_scroll{
      width: 540rpx;
      padding-left: 40rpx;
    }
    .query_wrap {
      display: flex;
      width: 100%;
      flex-wrap: nowrap;
      .item {
        width: 50%;
        flex-shrink: 0;
        margin-right: 48rpx;
        height: 100rpx;
        display: flex;
        align-items: center;
@@ -85,13 +83,14 @@
      position: absolute;
      z-index: 999;
      background-color: #fff;

      width: 590rpx;
      overflow: hidden;
      .list {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        padding: 30rpx 40rpx;
        max-height: 400rpx;
        max-height: 680rpx;
        overflow: auto;
        .item {
          width: 154rpx;
@@ -145,9 +144,13 @@
      background-color: rgba(0,0,0,.5);
      z-index: 99;
    }

    
    .status {
      position: absolute;
      background-color: #fff;
      z-index: 99;
      display: flex;
      width: 590rpx;
      padding: 0rpx 40rpx;
      align-items: center;
      height: 92rpx;
@@ -162,28 +165,31 @@
        background-color: #333333;
      }
    }

    .goods_list {
      height: calc( 100% -  182rpx);
      height: calc( 100% -  222rpx);
      width: 590rpx;
      display: flex;
      flex-wrap: wrap;
      box-sizing: border-box;
      justify-content: space-between;
      padding: 12rpx 40rpx;
      .empty{
        width: 590rpx;
        height: 92rpx;
      }
      .item {
        float: left;
        width: 242rpx;
        flex-shrink: 0;
        margin-bottom: 32rpx;
        &:nth-of-type(2n){
          margin-right: 26rpx;
        }
        .img_wrap {
          width: 242rpx;
          border-radius: 8rpx;
          overflow: hidden;
          position: relative;

          .img {
            width: 242rpx;
            max-height: 216rpx;
            height: 136rpx;
          }

          .new {
@@ -210,6 +216,7 @@

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

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