nova-trip/nova-tourism/pages/template-2/searching/index.less

@red: #F01740;
@yellow: #FFE300;
@grey: #666666;
page {
  background: #f6f6f6;
  font-family: Source Han Sans CN;
  .box { 
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 20rpx;
    font-size: 24rpx;
  
    .hotel { 
        width: 48%; 
        padding: 10rpx;
        margin-top: 20rpx;
        background: #ffffff;
        border-radius: 20rpx;
  
        .hotel-image {
            width: 100%;
            height: 240rpx;
            text-align: center;
            border-radius: 20rpx;
  
        }
  
        .hotel-name {
            margin-top: 10rpx;
            min-height: 80rpx;
            font-size: 30rpx;
            color:#222222;
            overflow: hidden; //一定要写
            text-overflow: ellipsis; //超出省略号
            display: -webkit-box; //一定要写
            -webkit-line-clamp: 2; //控制行数
            -webkit-box-orient: vertical; //一定要写
        }
  
        .hotel-describe {
            margin-top: 10rpx;
            height: 80rpx;
            overflow: hidden; //一定要写
            text-overflow: ellipsis; //超出省略号
            display: -webkit-box; //一定要写
            -webkit-line-clamp: 2; //控制行数
            -webkit-box-orient: vertical; //一定要写
  
        }
  
        .price {
            display: flex;
            color: @red;
            margin-top: 10rpx;
            .hotel-price {
                margin: 0 10rpx 0 0;
            }
            .hotel-price-num{
              font-size: 28rpx;
              font-weight: 600;
            }
        }
  
        .performance {
            display: flex;
            color: @red;
            margin-top: 10rpx;
  
            .hotel-performance {
                margin: 0 0rpx 0 10rpx;
            }
        }
  
        .address {
            margin-top: 10rpx;
            display: flex;
  
            .hotel-address {
              color:@grey;
            }
        }
    }
  }

  .flexd {
    position: fixed;
    z-index: 999;
    width: 100%;

    .nav-background {
      background: #f39283;
      height: 40rpx;
    }

    .v-search {
      position: relative;
      top: -40rpx;
      // box-shadow: 0px 5rpx 10rpx rgba(0, 0, 0, 0.2);
      background-color: transparent;
    }
  }

}

.tab_title {
  flex: none;
  // width: 280rpx;
}

.tab_page {
  width: 100%;
  height: 100%;
  overflow: hidden;
}