page { background-color: #f7faff; } /* 产品轮播 */ .mallBanner { padding: 30rpx; box-sizing: border-box; width: 100%; } .mallBanner-cont { position: relative; border-radius: 20rpx; padding-top: 45%; overflow: hidden; box-shadow: 0 0 20rpx rgba(0, 0, 0, .2); } .mallBanner-see, .mallBanner-img { border-radius: 20rpx; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* 修改dot形状 */ .wx-swiper-dots.wx-swiper-dots-horizontal { bottom: 25rpx; } .wx-swiper-dots .wx-swiper-dot { width: 32rpx; /*宽*/ height: 12rpx; /*高*/ border-radius: 10rpx; /*圆角*/ background-color: transparent; border: 4rpx solid #ffffff; box-sizing: border-box; } .wx-swiper-dot-active { background-color:#ffffff !important; } /* 使用场景 */ .scene { padding: 30rpx; box-sizing: border-box; } .sceneCont { background-color: #ffffff; padding: 30rpx; box-sizing: border-box; border-radius: 20rpx; } .sceneCont-title { text-align: center; font-weight: 600; font-size: 34rpx; } .sceneCont-img { width: 100%; margin: 30rpx 0; } .sceneCont-item { display: flex; } .sceneCont-label { flex: 2; text-align: center; } .sceneCont-label-img { width: 150rpx; height: 150rpx; box-shadow: 0 0 20rpx rgba(0, 0, 0, .2); border-radius: 50%; margin-bottom: 15rpx; } .sceneCont-label-text { font-size: 24rpx; font-weight: 300; padding: 0 15rpx; text-align: center; } /* 列表 */ .goods { padding: 30rpx; box-sizing: border-box; } .goodsTilte { font-weight: 600; font-size: 36rpx; } .goodsCont-item { position: relative; border-radius: 20rpx; overflow: hidden; width: 100%; padding-top: 100%; margin-top: 30rpx; } .goodsCont-item-back, .goodsCont-item-cont { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .goodsCont-item-cont { padding: 30rpx 15rpx; box-sizing: border-box; } .goodsCont-item-photo { width: 100%; display: block; } .goodsCont-item-price { position: relative; padding-top: 15%; } .goodsCont-item-price-back, .goodsCont-item-price-cont { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .goodsCont-item-price-back { display: block; } .goodsCont-item-price-cont { padding: 14rpx 40rpx; box-sizing: border-box; display: flex; } .goodsCont-item-price-text { font-size: 22rpx; } .goodsCont-item-price-left { flex: 1; } .goodsCont-item-price-white { color: #ffffff; } .goodsCont-item-price-number { font-size: 24rpx; } .goodsCont-item-price-number text { font-weight: 600; font-size: 40rpx; padding-left: 6rpx; } .goodsCont-item-price-right { width: 26%; text-align: center; } /* 皮肤护理 */ .nurse { width: 100%; padding: 30rpx; box-sizing: border-box; } .nurse-img { border-radius: 20rpx; width: 100%; }