minixyz/pages/components/template/loadAnimation/loadAnimation.wxss

/* components/template/loadAnimation/loadAnimation.wxss */
.t20 {
  margin-top: 20rpx;
}
.t36 {
  margin-top: 36rpx;
}
.t50 {
  margin-top: 50rpx;
}
.t60 {
  margin-top: 60rpx;
}
.bacf7f8fa {
  background: #f7f8fa;
}
.load-container {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 998;
  background: #fff;
  
}
.big-img {
  height: 750rpx;
}
.content-wrap {
  padding: 0 30rpx;
  margin-top: 50rpx;
}
.full-line {
  height: 70rpx;
}
.normal-line {
  height: 70rpx;
  margin-right: 130rpx;
}
.short-line {
  height: 30rpx;
}
.large-line {
  height: 120rpx;
}

.animation_line {
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: placeHolderShimmer;
  animation-timing-function: linear;
  background: #f7f7f7;
  background: -webkit-gradient(linear, left top, right top, color-stop(8%, #f7f7f7), color-stop(18%, #DEE3E5), color-stop(33%, #f7f7f7));
  background: linear-gradient(to right, #f7f7f7 8%, #DEE3E5 18%, #f7f7f7 33%);
  background-size: 900px 4px;
  position: relative;
  overflow: hidden;
}
@keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}
.animation_shopcart {
  display: flex;
  height: 160rpx;
  padding: 20rpx 30rpx;
}
.left_shopcart {
  width: 160rpx;
  height: 160rpx;
  margin-right: 30rpx;
}
.right_shopcart {
  flex: 1;
}