GululuQ-mp/pages/prodDetail/prodDetail.wxss

/* pages/prodDetail/prodDetail.wxss */
.box {
  width: 100%;
}
.swiper{
    width: 100%;
    height: 995rpx;
} 
.swiperItem{
    width: 100%;
    height: 100%;
}
.swiperItem .banner{
    width: 100%;
    height: auto;
    display: block;
}

/* 商品信息 */
.prodPrice{
    color: #FFFFFF;
    font-size: 36rpx;
    height: 86rpx;
    line-height: 86rpx;
    background: #89C6BE;
    padding-left:30rpx;
}
.prodName{
    padding: 0 30rpx;
    line-height: 80rpx;
}

/* 商品详情 */
.prodDetail{
    margin-top: 50rpx;
}
.prodDetail .tab{
    font-size: 30rpx;
    color: #FFFFFF;
    background: #89C6BE;
    margin-left: 30rpx;
    padding: 5rpx 20rpx;
    border-radius: 20rpx;
    letter-spacing: 10rpx;
    display: inline-block;
}
.prodDetail .prodDescribe{
   width: 100%;
   display: block;
}

/* 底部按钮 */
.bottomView{
    width: 100%;
    height: 126rpx;
    background: #DFEFEC;
    display: flex;
    align-items: center;
    justify-content:space-between;
    position: fixed;
    left:0;
    bottom:0;
}
.bottomView .card{
    width: 59rpx;
    height: 59rpx;
    margin-left: 20rpx;
}
.bottomView .button{
    width: 156rpx;
    margin:0 20rpx;
}