| @@ -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; | |||||
| } | } | ||||