陶杰
2024-09-11 8840efb29d8818afcfd2176914bcf4811d9c60fe
pages/home/home.scss
@@ -14,78 +14,69 @@
   .home-banner-image{
      width: 750rpx;
      background-size: 100% 100%;
      height: 472rpx;
      height: 306rpx;
      
   }
   swiper {
      height: 472rpx;
      height: 306rpx;
   }
   .swiper-box{
      position: relative;
      swiper-item{
         background-color: #fff;
         border-radius: 8rpx;
      }
   }
   .home-shop-top{
      position: relative;
      // width: 690rpx;
      height: 488rpx - 36rpx;
      padding: 18rpx;
      padding-top: 36rpx;
      padding-bottom: 0rpx;
      background: linear-gradient(360deg, #DDECE4 0%, #B8D9C6 100%) #AEDCC7;
      border-radius: 20rpx;
      // padding: 1;
      .title{
         width: 164rpx;
         height: 42rpx;
         margin-bottom: 16rpx;
      }
      .icon{
         position: absolute;
         width: 114rpx;
         height: 110rpx;
         right: 48rpx;
         top: 20rpx;
         z-index: 1;
      }
      .card-list-item{
         z-index: 2;
      }
   }
   .home-travel-top{
      position: relative;
      // width: 690rpx;
      min-height: 490rpx - 36rpx - 16rpx;
      background: #A9DAEB;
      border-radius: 20rpx;
      padding: 18rpx;
      padding-bottom: 16rpx;
      padding-top: 36rpx;
      .title{
         width: 126rpx;
         height: 40rpx;
         margin-bottom: 16rpx;
      }
      .icon{
         position: absolute;
         width: 314rpx;
         right: 60rpx;
         top: 26rpx;
         height:98rpx;
         z-index: 0;
      }
      /deep/ .card-list-item{
         position: relative;
         z-index: 2;
      }
   }
}
.main-container.user-home{
   min-height: 99vh;
   padding: 30rpx;
   background: #F7F7F7;
   position: relative;
   .bg-top-green{
      height: 197px;
      background: #CAE5D6;
      position: absolute;
      left: 0rpx;
      right: 0rpx;
      top: 0rpx;
      z-index: 0;
   }
   .school{
      position: relative;
      z-index: 1;
   }
   .search-container {
      display: flex;
      margin: 12rpx 0rpx 20rpx 0rpx;
      position: relative;
      z-index: 1;
      .input {
         // flex: 1;
         // max-width: 400rpx;
         background-color: #fff !important;
         // line-height: 58rpx;
         // height: 58rpx;
         border-radius: 8rpx;
      }
      .button {
         min-width: 120rpx;
         max-width: 120rpx;
         margin-left: auto;
         margin-right: 0rpx;
         text-align: right;
         line-height: 70rpx !important;
         // height: 58rpx !important;
         // display: flex;
      }
   }
}
.main-container.home{
   background-image: url('https://hmy-flower.oss-cn-shanghai.aliyuncs.com/2a/2aa62e6bd1f74456b005d3f57daa54adbg.png');
   min-height: 99vh;