@@ -22,7 +22,7 @@ | |||||
display: flex; | display: flex; | ||||
align-items: center; | align-items: center; | ||||
padding: 0 20rpx; | padding: 0 20rpx; | ||||
background: #fbfbfd; | |||||
background: #fff!important; | |||||
} | } | ||||
.capsule > view { | .capsule > view { | ||||
@@ -4,7 +4,7 @@ | |||||
<view class='coupons'> | <view class='coupons'> | ||||
<view class="coupons-body"> | <view class="coupons-body"> | ||||
<view wx:if="{{coverPicture.length>0}}" class="banner"> | <view wx:if="{{coverPicture.length>0}}" class="banner"> | ||||
<swiper class="index-slide" bindchange="swiperChange" indicator-dots="true" autoplay="true" circular="false" current="{{swiperCurrent}}"> | |||||
<swiper class="index-slide swiper-box" bindchange="swiperChange" indicator-dots="true" autoplay="true" circular="false" current="{{swiperCurrent}}"> | |||||
<block wx:for="{{coverPicture}}" wx:key="unique"> | <block wx:for="{{coverPicture}}" wx:key="unique"> | ||||
<swiper-item> | <swiper-item> | ||||
<image data-data="{{item}}" src="{{item}}" class="index-slide-image" /> | <image data-data="{{item}}" src="{{item}}" class="index-slide-image" /> | ||||
@@ -855,4 +855,23 @@ checkbox-group, radio-group { | |||||
height: 12rpx; | height: 12rpx; | ||||
background: #E1E1E1; | background: #E1E1E1; | ||||
border-radius: 50%; | border-radius: 50%; | ||||
} | |||||
.swiper-box .wx-swiper-dots.wx-swiper-dots-horizontal{ | |||||
margin-bottom: 2rpx; | |||||
} | |||||
.swiper-box .wx-swiper-dot{ | |||||
width:40rpx; | |||||
display: inline-flex; | |||||
height: 6rpx; | |||||
margin-left: 10rpx; | |||||
border-radius:6rpx; | |||||
justify-content:space-between; | |||||
} | |||||
.swiper-box .wx-swiper-dot::before{ | |||||
content: ''; | |||||
flex-grow: 1; | |||||
background: #ccc8c8; | |||||
} | |||||
.swiper-box .wx-swiper-dot-active::before{ | |||||
background:#f6792b; | |||||
} | } |
@@ -460,4 +460,4 @@ button::after{ border: none; } | |||||
font-size: 24rpx; | font-size: 24rpx; | ||||
margin-left: 12rpx; | margin-left: 12rpx; | ||||
margin-top: 10rpx; | margin-top: 10rpx; | ||||
} | |||||
} |
@@ -2,7 +2,7 @@ | |||||
<view class="content-box" style="padding-top:{{navigationBarHeight}}"> | <view class="content-box" style="padding-top:{{navigationBarHeight}}"> | ||||
<view class='content'> | <view class='content'> | ||||
<view wx:if="{{coverPicture.length>0}}" class="banner"> | <view wx:if="{{coverPicture.length>0}}" class="banner"> | ||||
<swiper class="index-slide" bindchange="swiperChange" indicator-dots="true" autoplay="true" circular="false" current="{{swiperCurrent}}"> | |||||
<swiper class="index-slide swiper-box" bindchange="swiperChange" indicator-dots="true" autoplay="true" circular="false" current="{{swiperCurrent}}"> | |||||
<block wx:for="{{coverPicture}}" wx:key="unique"> | <block wx:for="{{coverPicture}}" wx:key="unique"> | ||||
<swiper-item> | <swiper-item> | ||||
<image data-data="{{item}}" src="{{item}}" class="index-slide-image" /> | <image data-data="{{item}}" src="{{item}}" class="index-slide-image" /> | ||||
@@ -414,7 +414,7 @@ button::after{ border: none; } | |||||
} | } | ||||
.fenxiang { | .fenxiang { | ||||
position:absolute; | position:absolute; | ||||
right:28rpx; | |||||
right:0; | |||||
top:-55rpx; | top:-55rpx; | ||||
width:108rpx; | width:108rpx; | ||||
z-index:10; | z-index:10; | ||||
@@ -986,4 +986,23 @@ height: 90rpx; | |||||
height: 12rpx; | height: 12rpx; | ||||
background: #E1E1E1; | background: #E1E1E1; | ||||
border-radius: 50%; | border-radius: 50%; | ||||
} | |||||
.swiper-box .wx-swiper-dots.wx-swiper-dots-horizontal{ | |||||
margin-bottom: 2rpx; | |||||
} | |||||
.swiper-box .wx-swiper-dot{ | |||||
width:40rpx; | |||||
display: inline-flex; | |||||
height: 6rpx; | |||||
margin-left: 10rpx; | |||||
border-radius:6rpx; | |||||
justify-content:space-between; | |||||
} | |||||
.swiper-box .wx-swiper-dot::before{ | |||||
content: ''; | |||||
flex-grow: 1; | |||||
background: #ccc8c8; | |||||
} | |||||
.swiper-box .wx-swiper-dot-active::before{ | |||||
background:#f6792b; | |||||
} | } |