@@ -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" /> | |||
<!-- 积分商城 --> | |||