nova-trip/nova-tourism/components/template1/headerComponent/index.less

/* nova-tourism/components/template1/headerComponent/index.wxss */
page{
  position: relative;
  .header{
    width: 100%;
    .shadow{
      position: fixed;
      top: 0;
      color: black;
      width: 100%;
      height: 400rpx;
      // background-color:rgba(120, 205, 50, 0.5);
      // box-shadow:0px 90rpx 30rpx rgba(112, 197, 42, 0.3);
      background-image: linear-gradient(#B7D173 , #FFFFFF00);
      display: flex;
      padding: 50rpx 10rpx;
      // justify-content: space-between;
      // align-items: center;
      // padding-left: 30rpx;
      font-size: 25rpx;
      .addressImg{
        height: 40rpx;
        display: flex;
        align-items: center;
        image{
          width: 30rpx;
          height: 40rpx;
          margin-right: 10rpx;
        }
        .address{
          font-weight: bold;
        }
      }
      
      .title{
        position: fixed;
        left: 50%;
        transform: translateX(-50%);
        // margin-left: 150rpx;
        font-size: 40rpx;
      }
    }
    
  }
  .search{
    position: absolute;
    top: 150rpx;
    left: 50%;
    transform: translateX(-50%);
    width: 685.2rpx;
    height: 72rpx;
    background: white;
    display: flex;
    align-items: center;
    padding: 10rpx;
    border-radius: 60rpx;
    .image{
      width: 50rpx;
      height: 50rpx;
      margin-right: 21rpx;
      image{
        width: 100%;
        height: 100%;
      }
    }
    
  }
  .swiper {
    height: 600rpx;
    .slide-image {
        width: 100%;
        height: 98%;
    }
  }
}