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