[水感应客户端最新]

pages/mall/index.wxss

@@ -0,0 +1,194 @@
+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%;
+}