index.wxss

/* static/nativeComponents/SpeedyNav/index.wxss */
@import "/static/font/common_icon.wxss";
.speedy-nav{
  width: 100%;
  font-size: 28rpx;
  overflow: hidden;
  position: relative;
}
.goods1{
  overflow-x: auto;
  white-space: nowrap;
  overflow-y: hidden;
}
.goods1 .goods-item{
  display: inline-block;
  vertical-align: top;
  white-space: initial;
  width: 25%;
}
.goods1 .goods-item:last-child .info{
  overflow: hidden;
}
.goods1 .slidebox2{
  box-sizing: border-box;
  -moz-box-sizing: border-box; /* Firefox */
  -webkit-box-sizing: border-box; /* Safari */
}

  .goods1-wibkit::-webkit-scrollbar {
    display: none;
  }
  .goods{
    box-sizing: border-box;
  }

  .goods1 .imgBox,.goods3 .imgBox{
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    margin: 0 auto 10rpx;
    background-color: rgb(255, 251, 232);
    
  }

  .goods1 .imgBox image, .goods3 .imgBox image{
      width: 100%;
      height: 100%;
      position: absolute;
      margin: auto;
      top: -9999px;
      right: -9999px;
      bottom: -9999px;
      left: -9999px;
    }


    .goods2 .goods-item{
      flex: 1;
      padding-bottom: 60rpx;
    }
    .goods2 .goods-item .items{
      position: relative;
    }
    .goods2 .goods-item .items .info{
      position: absolute;
      bottom: -80%;
    }

    .goods2 .imgBox{
      position: relative;
      overflow: hidden;
      width: 100%;
      padding-bottom: 100%;
      background-color: rgb(255, 251, 232);
    }

    .goods2 .imgBox image{
      width: 100%;
      height: 100%;
      position: absolute;
      margin: auto;
      top: -9999px;
      right: -9999px;
      bottom: -9999px;
      left: -9999px;
    }

    .info .name{
      text-align: center;
      margin: 0 -100%;
      color: #666;
      height: 2em;
      line-height: 1em;
      white-space: nowrap;
  }



  /* 骨架屏样式-start */

.skeleton-content{
    padding: 0px 16px;
}

.skeleton-title{
    height: 16px;
    background-color: #f2f3f5;
    margin-top: 16px;
}
.skeleton-blocks{
    margin-top: 16px;
    width: 100%;
    padding-top: 70%;
    background-color: #f2f3f5;
}

.skeleton-dice{
    margin-top: 16px;
    width: 30%;
    padding-top: 30%;
    background-color: #f2f3f5;
}

.skeleton_50{
    width: 50%;
}

.skeleton_100{
  width: 100%;
}

/* 快捷导航骨架 */
.speedy-nav-skeleton{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  
}
.speedy-nav-skeleton-item{
  width: 25%;
  padding: 16px 10px;
  display: flex;
  align-items: center;
  flex-direction: column;
}

/* 动画 */
.skeleton-animate{
    animation: skeleton-blink 1.2s ease-in-out infinite;
}
@keyframes skeleton-blink {
    50% {
      opacity: 0.6;
    }
}
/* 骨架屏样式-end */


/* 左右箭头 */
.prev-btn,.next-btn{
  width: 60rpx;
  height: 60rpx;
  position: absolute;
  top: 50%;
  margin-top: -30rpx;
  z-index: 99;
  opacity: 0.3;
}
.common-iconyoujiantou{
  text-shadow: -1rpx 1rpx 14rpx #333;
  pointer-events: none;
}
.prev-btn{
  left: 10rpx;
  transform: rotate(180deg);
}
.next-btn{
  right: 10rpx;
}