| @@ -1,7 +1,7 @@ | |||
| <!-- 原风格尺寸 --> | |||
| <view wx:if="{{list.length>0&&mouldType==0}}" class="index-slide-view"> | |||
| <swiper class="imageContainer" bindchange="handleChange" previous-margin="39rpx" next-margin="40rpx" circular autoplay> | |||
| <block wx:for="{{list}}" wx:key="{{index}}"> | |||
| <block wx:for="{{list}}" wx:key="index"> | |||
| <swiper-item class="item"> | |||
| <image data-id="{{item.id}}" data-data="{{item}}" bindtap='gotobannerdetail' class="itemImg {{currentIndex == index ? 'active': ''}}" src="{{item.coverImg}}"></image> | |||
| </swiper-item> | |||
| @@ -10,8 +10,8 @@ | |||
| </view> | |||
| <!-- 欢乐城风格尺寸 --> | |||
| <view wx:if="{{list.length>0&&mouldType==1}}" class="index-slide-view"> | |||
| <swiper class="imageContainer1" bindchange="handleChange" indicator-color indicator-active-color="#fff" indicator-dots previous-margin="40rpx" next-margin="40rpx" circular autoplay> | |||
| <block wx:for="{{list}}" wx:key="{{index}}"> | |||
| <swiper class="imageContainer1" bindchange="handleChange" indicator-color indicator-active-color="#fff" indicator-dots previous-margin="40rpx" next-margin="40rpx" circular autoplay> | |||
| <block wx:for="{{list}}" wx:key="index"> | |||
| <swiper-item class="item1"> | |||
| <image data-id="{{item.id}}" data-data="{{item}}" bindtap='gotobannerdetail' class="itemImg1 {{currentIndex == index ? 'active1_a': 'active1'}}" src="{{item.coverImg}}"></image> | |||
| </swiper-item> | |||
| @@ -5,7 +5,7 @@ | |||
| <view class='sql' style='background:{{sql}}'></view> | |||
| <text>爆款专区</text> | |||
| </view> | |||
| <view class='titleR' bindtap='getChange'wx:if="{{pSize>=2||kSize>=2}}" > | |||
| <view class='titleR' bindtap='getChange' wx:if="{{pSize>=2||kSize>=2}}"> | |||
| <text class="text" style='color:{{txt}}'>换一换</text> | |||
| <view class="view"> | |||
| <image class="img" src='{{change}}' bindtap='' mode='aspectFill'></image> | |||
| @@ -13,14 +13,14 @@ | |||
| </view> | |||
| </view> | |||
| <view class='hotCon clearfix'> | |||
| <view class='kanjia' wx:if="{{kSize}}" bindtap="gotokjdetail" data-couponId='{{kData.couponId}}' data-couponChannelId="{{kData.id}}" data-targetAd="{{kData.targetAd}}" > | |||
| <view > | |||
| <view class='kanjia' wx:if="{{kSize}}" bindtap="gotokjdetail" data-couponId='{{kData.couponId}}' data-couponChannelId="{{kData.id}}" data-targetAd="{{kData.targetAd}}"> | |||
| <view> | |||
| <image class="img" mode='aspectFill' lazy-load='true' src="{{kData.coverImg}}" /> | |||
| </view> | |||
| <view class='kjText'> | |||
| <text class='title'>{{kData.title}}</text> | |||
| <text class='price'>¥{{kData.priceStr}}</text> | |||
| <text class='sale'><text class="price">¥</text>{{kData.salePriceStr}}</text> | |||
| <text class='sale'><text class="simple">¥</text>{{kData.salePriceStr}}</text> | |||
| <view class=' btn btnk'>砍价</view> | |||
| </view> | |||
| </view> | |||
| @@ -35,15 +35,15 @@ | |||
| </view> | |||
| </view> | |||
| <view class='pintuan' wx:if="{{pSize}}" bindtap="gotoptdetail" data-couponId='{{pData.couponId}}' data-couponChannelId="{{pData.id}}" data-targetAd="{{pData.targetAd}}"> | |||
| <view class='pintuan' wx:if="{{pSize}}" bindtap="gotoptdetail" data-couponId='{{pData.couponId}}' data-couponChannelId="{{pData.id}}" data-targetAd="{{pData.targetAd}}"> | |||
| <view> | |||
| <image mode='aspectFill' lazy-load='true' src="{{pData.coverImg}}" /> | |||
| </view> | |||
| <view class='ptText'> | |||
| <text class='title'>{{pData.title}}</text> | |||
| <text class='price'>¥{{pData.priceStr}}</text> | |||
| <text class='sale' class="price"> <text>¥</text>{{pData.salePriceStr}}</text> | |||
| <view class='btn btnp' >拼团</view> | |||
| <text class='sale' class="simple"> <text>¥</text>{{pData.salePriceStr}}</text> | |||
| <view class='btn btnp'>拼团</view> | |||
| </view> | |||
| </view> | |||
| <view class='pintuan' wx:if="{{!pSize}}"> | |||
| @@ -57,4 +57,4 @@ | |||
| </view> | |||
| </view> | |||
| </view> | |||
| </view> | |||
| </view> | |||
| @@ -1,47 +1,57 @@ | |||
| /* components/hot/hot.wxss */ | |||
| @import "../../app.wxss"; | |||
| .hotBox{ | |||
| width:710rpx; | |||
| margin: 0 auto ; | |||
| .hotBox { | |||
| width: 710rpx; | |||
| margin: 0 auto; | |||
| } | |||
| .hotTitle{ | |||
| .hotTitle { | |||
| width: 100%; | |||
| height: 60rpx; | |||
| line-height: 60rpx; | |||
| font-size: 30rpx; | |||
| display: flex; | |||
| justify-content: space-between; | |||
| font-family:PingFangSC-Medium; | |||
| font-family: PingFangSC-Medium; | |||
| } | |||
| .titleL .titleR{ | |||
| .titleL .titleR { | |||
| width: 100rpx; | |||
| } | |||
| .titleR .text{ | |||
| .titleR .text { | |||
| float: left; | |||
| margin-right: 10rpx; | |||
| font-family:PingFangSC-Regular!important; | |||
| font-family: PingFangSC-Regular !important; | |||
| } | |||
| .titleR .view{ | |||
| .titleR .view { | |||
| height: 40rpx; | |||
| width: 40rpx; | |||
| /* margin-top: 10rpx; */ | |||
| float: left; | |||
| } | |||
| .titleR .img{ | |||
| .titleR .img { | |||
| height: 28rpx; | |||
| width: 28rpx; | |||
| } | |||
| .sql{ | |||
| width:12rpx; | |||
| height:24rpx; | |||
| border-radius:8rpx; | |||
| .sql { | |||
| width: 12rpx; | |||
| height: 24rpx; | |||
| border-radius: 8rpx; | |||
| float: left; | |||
| margin: 20rpx 10rpx 0 0; | |||
| } | |||
| .hotCon{ | |||
| .hotCon { | |||
| width: 100%; | |||
| } | |||
| .kanjia, .pintuan{ | |||
| .kanjia, | |||
| .pintuan { | |||
| width: 346rpx; | |||
| height: 156rpx; | |||
| float: left; | |||
| @@ -50,76 +60,88 @@ | |||
| justify-content: space-between; | |||
| position: relative; | |||
| } | |||
| .kanjia{ | |||
| .kanjia { | |||
| margin-right: 18rpx; | |||
| background:linear-gradient(130deg,rgba(50,177,252,1) 0%,rgba(47,108,255,1) 100%); | |||
| background: linear-gradient(130deg, rgba(50, 177, 252, 1) 0%, rgba(47, 108, 255, 1) 100%); | |||
| } | |||
| .pintuan{ | |||
| background:linear-gradient(127deg,rgba(252,177,74,1) 0%,rgba(254,70,20,1) 100%); | |||
| .pintuan { | |||
| background: linear-gradient(127deg, rgba(252, 177, 74, 1) 0%, rgba(254, 70, 20, 1) 100%); | |||
| } | |||
| .hotCon .img{ | |||
| .hotCon .img { | |||
| width: 86rpx; | |||
| height: 86rpx; | |||
| margin: 24rpx 0 46rpx 16rpx; | |||
| } | |||
| .hotCon .btn{ | |||
| width:80rpx; | |||
| height:44rpx; | |||
| .hotCon .btn { | |||
| width: 80rpx; | |||
| height: 44rpx; | |||
| line-height: 44rpx; | |||
| background:rgba(255,255,255,1); | |||
| border-radius:18rpx; | |||
| background: rgba(255, 255, 255, 1); | |||
| border-radius: 18rpx; | |||
| font-size: 24rpx; | |||
| position: absolute; | |||
| right: 20rpx; | |||
| bottom: 20rpx; | |||
| text-align: center; | |||
| } | |||
| .btnk{ | |||
| .btnk { | |||
| color: #2C8DFF; | |||
| } | |||
| .btnp{ | |||
| .btnp { | |||
| color: #FD782D; | |||
| } | |||
| .btnNone{ | |||
| width:80rpx; | |||
| height:44rpx; | |||
| .btnNone { | |||
| width: 80rpx; | |||
| height: 44rpx; | |||
| line-height: 44rpx; | |||
| border-radius:18rpx; | |||
| border-radius: 18rpx; | |||
| font-size: 24rpx; | |||
| position: absolute; | |||
| right: 20rpx; | |||
| bottom: 20rpx; | |||
| text-align: center; | |||
| background:rgba(255,255,255,0.5) | |||
| background: rgba(255, 255, 255, 0.5) | |||
| } | |||
| .kjText,.ptText{ | |||
| .kjText, | |||
| .ptText { | |||
| color: #FFFFFF; | |||
| margin: 14rpx 10rpx 20rpx 10rpx; | |||
| } | |||
| .title{ | |||
| .title { | |||
| width: 210rpx; | |||
| font-size: 30rpx; | |||
| overflow: hidden; | |||
| text-overflow:ellipsis; | |||
| white-space:nowrap; | |||
| text-overflow: ellipsis; | |||
| white-space: nowrap; | |||
| float: left; | |||
| } | |||
| .price{ | |||
| .price { | |||
| width: 128rpx; | |||
| overflow: hidden; | |||
| text-overflow:ellipsis; | |||
| white-space:nowrap; | |||
| text-overflow: ellipsis; | |||
| white-space: nowrap; | |||
| font-size: 22rpx; | |||
| text-decoration:line-through; | |||
| text-decoration: line-through; | |||
| float: left; | |||
| } | |||
| .expect{ | |||
| .expect { | |||
| width: 210rpx; | |||
| font-size: 22rpx; | |||
| float: left; | |||
| } | |||
| .sale{ | |||
| .sale { | |||
| width: 140rpx; | |||
| font-size: 32rpx; | |||
| float: left; | |||
| @@ -128,6 +150,7 @@ | |||
| text-overflow: ellipsis; | |||
| overflow: hidden; | |||
| } | |||
| .sale .price{ | |||
| font-size: 20rpx!important; | |||
| } | |||
| .sale .simple { | |||
| font-size: 20rpx !important; | |||
| } | |||
| @@ -6,7 +6,7 @@ | |||
| <view class="classifyBox"> | |||
| <view class="itemBox" wx:for="{{businessList}}" wx:key="{{index}}" bindtap="setIndex" data-index="{{index}}" data-id="{{item.id}}"> | |||
| <view class="itemBox" wx:for="{{businessList}}" wx:key="index" bindtap="setIndex" data-index="{{index}}" data-id="{{item.id}}"> | |||
| <view class="{{classIndex==index?'className_a':'className'}}">{{item.title}}</view> | |||
| <view class="xian" wx:if="{{classIndex==index}}"></view> | |||
| </view> | |||
| @@ -14,7 +14,7 @@ | |||
| <view class="contBox"> | |||
| <view class="contLsitBox"> | |||
| <view class="item" wx:for="{{businessData}}" wx:key="{{index}}" bindtap="goDetail" data-couponid="{{item.couponId}}" data-id="{{item.id}}"> | |||
| <view class="item" wx:for="{{businessData}}" wx:key="index" bindtap="goDetail" data-couponid="{{item.couponId}}" data-id="{{item.id}}"> | |||
| <view class="itemImg"> | |||
| <image class="img" src="{{item.coverImg}}" mode='scaleToFill'></image> | |||
| </view> | |||
| @@ -1,5 +1,5 @@ | |||
| <!-- 欢乐城模板 --> | |||
| <view > | |||
| <view> | |||
| <view class="container1"> | |||
| <!-- 会员信息 --> | |||
| <view class="color_box1"> | |||
| @@ -32,7 +32,8 @@ | |||
| <progress percent="{{upgradePercent}}" stroke-width="6" activeColor="{{activeColor}}" /> | |||
| <!-- <view class='remainchengzhangzhi' style="{{typeLsit.sy_xxb_cf.styleClass}}">还需{{upgradeScore}}成长值可升级</view> --> | |||
| <view class='remainchengzhangzhi'>还需 | |||
| <p style="color:#4D4941">{{upgradeScore}}成长值</p>可升级</view> | |||
| <p style="color:#4D4941">{{upgradeScore}}成长值</p>可升级 | |||
| </view> | |||
| </view> | |||
| </view> | |||
| </view> | |||
| @@ -47,7 +48,7 @@ | |||
| <c-banner wx:key="unique" list="{{list}}" /> | |||
| <!-- 频道 --> | |||
| <view class="channelBox" wx:if="{{ifStoreApp!=1&&moduleList.length>0}}" style="{{typeLsit.sy_mbg.styleClass}}"> | |||
| <view class='kjBox1' bindtap='goPage' data-obj="{{item}}" wx:for="{{moduleList}}" wx:key="{{index}}"> | |||
| <view class='kjBox1' bindtap='goPage' data-obj="{{item}}" wx:for="{{moduleList}}" wx:key="index"> | |||
| <image src='{{item.icon}}' mode='aspectFill'></image> | |||
| <view class="text">{{item.name}}</view> | |||
| </view> | |||
| @@ -97,7 +98,7 @@ | |||
| <!-- 拼团 --> | |||
| <c-mould wx:if="{{topicObj4}}" obj="{{topicObj4}}" titleImgUrl="https://formall.oss-accelerate.aliyuncs.com/cimg/v20211214/home_txt_pt.png" /> | |||
| <!-- 专题 --> | |||
| <c-mould wx:if="{{specialLsit.length>0}}" wx:for="{{specialLsit}}" wx:key="{{index}}" obj="{{item}}" special/> | |||
| <c-mould wx:if="{{specialLsit.length>0}}" wx:for="{{specialLsit}}" wx:key="index" obj="{{item}}" special /> | |||
| <!-- 消费卡 --> | |||
| <c-mould wx:if="{{topicObj5}}" obj="{{topicObj5}}" titleImgUrl="https://formall.oss-accelerate.aliyuncs.com/cimg/v20211214/home_txt_xfk.png" /> | |||
| <!-- 积分商城 --> | |||