GululuQ-mp/components/header/header.wxss

/* components/header/header.wxss */
.header {
    height: 330rpx;
    position: relative;
  }
  .header .header-bg {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 295rpx;
    background: #CFEAE5;
  }
  .header .logo {
    width: 150rpx;
    height: 150rpx;
    z-index: 99;
  }
  .header .logo.logo-at-left {
    position: absolute;
    top: 96rpx;
    left: 36rpx;
  }
  .header .logo-image {
    width: 100%;
    height: 100%;
  }
  .header .mark-icon{
    width: 100%;
    height: 295rpx;
    position: absolute;
    top:0;
    right:0;
    z-index: 2;
  }
  .header .mark-icon .mark-image{
      width: 100%;
      position: absolute;
      right: 0;
      bottom: 0;
  }
  .header .search-icon {
    position: absolute;
    z-index: 99;
    top: 260rpx;
    left: 30rpx;
    height: 65rpx;
    width: 530rpx;
  }
  .header .cart-icon {
    position: absolute;
    z-index: 99;
    top: 260rpx;
    right: 30rpx;
    height: 65rpx;
    width: 146rpx;
  }