Browse Source

[首页][修改]:[首页拼团和砍价只有一条数据的时候的显示]

tags/湖南版5.1.4
meo 6 years ago
parent
commit
a06ef59275
7 changed files with 202 additions and 8 deletions
  1. +14
    -1
      pages/main/bargain/index.wxml
  2. +56
    -5
      pages/main/bargain/index.wxss
  3. +1
    -1
      pages/main/index.wxss
  4. +22
    -0
      pages/main/rushtobyCard/index.wxml
  5. +39
    -0
      pages/main/rushtobyCard/index.wxss
  6. +14
    -1
      pages/main/spellGroup/index.wxml
  7. +56
    -0
      pages/main/spellGroup/index.wxss

+ 14
- 1
pages/main/bargain/index.wxml View File

@@ -2,7 +2,8 @@
<view wx:if="{{list.length!=0}}" class="index-rushToBuy-title">
<image src="{{barginicon}}" class='barginiconimg' mode='widthFix'/><text class='text-red'>砍价</text>专场<text bindtap="gotomore" class='morebargin'>更多砍价></text>
</view>
<scroll-view scroll-x class="index-scroll-view">
<!-- 如果有两条数据以上,排版 -->
<scroll-view scroll-x class="index-scroll-view" wx:if="{{list.length>1}}">
<view class="commodity" wx:for="{{list}}" wx:key="unique">
<view bindtap="gotodetail" data-couponChannelId="{{item.id}}" data-couponId="{{item.couponId}}" data-targetAd="{{item.targetAd}}">
<image mode='aspectFill' lazy-load='true' class="commodity-img" src="{{item.coverImg}}" />
@@ -14,4 +15,16 @@
</view>
</view>
</scroll-view>
<!-- 如果只有一条数据,排版 -->
<view class="commodity" wx:for="{{list}}" wx:key="unique" wx:if="{{list.length==1}}">
<view bindtap="gotodetail" class="clearfix one-commodity" data-couponChannelId="{{item.id}}" data-couponId="{{item.couponId}}" data-targetAd="{{item.targetAd}}">
<image mode='aspectFill' lazy-load='true' class="one-commodity-img" src="{{item.coverImg}}" />
<view class="one-commodity-info fr">
<view class="commodity-info-name">{{item.title}}</view>
<view class="commodity-info-subTitle">{{item.subTitle}}</view>
<view class="commodity-info-salePriceStr"><text class="commodity-info-price-p">可砍至<text class='salePriceStr'>{{item.salePriceStr}}</text>元</text><text class='price'>{{item.priceStr}}元</text></view>
<view class="commodity-info-price">邀请<text class='inviteNum'>{{item.pressLimitNum}}</text>人可砍至底价</view>
</view>
</view>
</view>
</view>

+ 56
- 5
pages/main/bargain/index.wxss View File

@@ -1,3 +1,4 @@
@import "../../../app.wxss";
.index-rushToBuy {
width: 690rpx;
margin: 40rpx auto;
@@ -59,12 +60,12 @@
border-radius:16rpx;
}

.index-scroll-view .commodity-info {
.commodity-info {
padding:10rpx 0;
overflow: hidden;
}

.index-scroll-view .commodity-info-name {
.commodity-info-name {
width: 285rpx;
overflow: hidden;
white-space: nowrap;
@@ -75,14 +76,14 @@
color: #333333;
}

.index-scroll-view .commodity-info-time {
.commodity-info-time {
font-size: 22rpx;
color: #B4B4B4;
letter-spacing: 0.7rpx;
line-height: 42rpx;
}

.index-scroll-view .commodity-info-price-p {
.commodity-info-price-p {
font-size: 28rpx;
color: #f96563;
line-height: 30rpx;
@@ -91,7 +92,7 @@
margin-top: 10rpx;
line-height: 30rpx;
}
.index-scroll-view .commodity-info-price-o {
.commodity-info-price-o {
display: inline-block;
padding-left: 20rpx;
font-size: 24rpx;
@@ -117,4 +118,54 @@
color: #999;
text-decoration: line-through;
margin-left: 10rpx;
}
.one-commodity{
padding-bottom: 20rpx;
}
.one-commodity-img{
width: 325rpx;
height: 200rpx;
float: left;
border-radius:16rpx;
margin: 16rpx 26rpx 0 13rpx;
}

.one-commodity-info{
width: 322rpx;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.one-commodity-info .commodity-info-name{
font-size: 34rpx;
line-height: 35rpx;
margin-top: 16rpx;
}
.one-commodity-info .commodity-info-subTitle{
font-size: 28rpx;
height: 28rpx;
line-height: 28rpx;
margin-top: 12rpx;
color: #999;
width: 322rpx;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.one-commodity-info .commodity-info-salePriceStr{
margin-top: 20rpx;
}
.one-commodity-info .commodity-info-price{
margin-top: 0;
font-size: 24rpx;
line-height: 26rpx;
margin-left: 0;
text-decoration: none;
color: #999;
}
.inviteNum{
color: red;
}
.one-commodity-info .salePriceStr{
font-weight: bold;
}

+ 1
- 1
pages/main/index.wxss View File

@@ -53,7 +53,7 @@ page {

.userinfo{
position:relative;
margin: 30rpx auto 35rpx;
margin: 40rpx auto 35rpx;
width: 690rpx;
padding: 20rpx 0;
height: 84rpx;


+ 22
- 0
pages/main/rushtobyCard/index.wxml View File

@@ -7,6 +7,28 @@
<text class='xianshi fl'>秒杀</text>
<text class='more' bindtap='gotoRushList'>更多></text>
</view>

<!-- 限时抢购倒计时开始 -->
<!-- <view class='distance' wx:if="{{data.targetAd==2&&data.endTime!=undefined}}">
<view style='text-align:center;display:inline-block;'>
<image class='clock' src='{{clockUrl}}' mode='widthFix'></image>
<text class="qiang" wx:if="{{data.activityStatus!=0}}">距结束 :</text>
<text class="qiang" wx:if="{{data.activityStatus==0}}">距开始 :</text>
</view>
<view wx:if="{{clock=='00'||data.status==1}}" class='times'>
已经结束
</view>
<view wx:if="{{clock!='00'}}" class='times'>
<view style="display:inline-block;" wx:if="{{day!=0}}">
<text>{{day}}</text>天:
</view>
<text>{{hour}}</text>:
<text>{{min}}</text>:
<text>{{sec}}</text>
</view>
</view> -->
<!-- 限时抢购倒计时结束 -->

<view class="commodity">
<view bindtap="rushtobuy" data-couponId="{{list[0].couponId}}" data-couponChannelId="{{list[0].id}}" data-targetAd="{{list[0].targetAd}}">
<image mode='aspectFill' lazy-load='true' class="commodity-img" src="{{list[0].coverImg}}" />


+ 39
- 0
pages/main/rushtobyCard/index.wxss View File

@@ -151,4 +151,43 @@
}
.title{
padding: 20rpx 0;
}
.clock {
width: 116rpx !important;
vertical-align: middle;
margin-right: 10rpx;
margin-top: -4rpx;
}

.qiang {
position: inline-block;
width: 60rpx;
height: 40rpx;
line-height: 40rpx;
color: #ff4949;
text-align: center;
font-size: 28rpx;
margin-right: 10rpx;
}

.times {
display: inline-block;
color: #ff4949;
font-weight: bold;
font-size: 26rpx;
text-align: center;
}

.times text {
display: inline-block;
margin: 6rpx;
height: 56rpx;
padding: 0 6rpx;
text-align: center;
font-size: 28rpx;
line-height: 60rpx;
border-radius: 12rpx;
color: #fff;
font-weight: bold;
background: #ff4949;
}

+ 14
- 1
pages/main/spellGroup/index.wxml View File

@@ -2,7 +2,8 @@
<view wx:if="{{list.length!=0}}" class="index-rushToBuy-title">
<image src="{{pintuan}}" class='barginiconimg' mode='widthFix'/><text class='text-red'>拼团</text>专场<text bindtap="gotomore" class='morebargin'>更多拼团></text>
</view>
<scroll-view scroll-x class="index-scroll-view">
<!-- 如果有两条数据以上,排版 -->
<scroll-view scroll-x class="index-scroll-view" wx:if="{{list.length>1}}">
<view class="commodity" wx:for="{{list}}" wx:key="unique">
<view bindtap="gotodetail" data-couponChannelId="{{item.id}}" data-couponId="{{item.couponId}}" data-targetAd="{{item.targetAd}}">
<image mode='aspectFill' lazy-load='true' class="commodity-img" src="{{item.coverImg}}" />
@@ -13,4 +14,16 @@
</view>
</view>
</scroll-view>
<!-- 如果只有一条数据,排版 -->
<view class="commodity" wx:for="{{list}}" wx:key="unique" wx:if="{{list.length==1}}">
<view bindtap="gotodetail" class="clearfix one-commodity" data-couponChannelId="{{item.id}}" data-couponId="{{item.couponId}}" data-targetAd="{{item.targetAd}}">
<image mode='aspectFill' lazy-load='true' class="one-commodity-img" src="{{item.coverImg}}" />
<view class="one-commodity-info fr">
<view class="commodity-info-name">{{item.title}}</view>
<view class="commodity-info-subTitle">{{item.subTitle}}</view>
<view class="commodity-info-salePriceStr"><text class="commodity-info-price-p">拼团价<text class='salePriceStr'>{{item.salePriceStr}}</text>元</text><text class='price'>{{item.priceStr}}元</text></view>
<view class="commodity-info-price">邀请<text class='inviteNum'>{{item.pressLimitNum}}</text>人可拼团成功</view>
</view>
</view>
</view>
</view>

+ 56
- 0
pages/main/spellGroup/index.wxss View File

@@ -1,3 +1,4 @@
@import "../../../app.wxss";
.index-rushToBuy {
width: 690rpx;
margin: 40rpx auto;
@@ -112,9 +113,64 @@
.text-red{
color:#F12643;
}
.commodity-info-price-p {
font-size: 28rpx;
color: #f96563;
line-height: 30rpx;
}
.price{
font-size: 24rpx;
color: #999;
text-decoration: line-through;
margin-left: 10rpx;
}
.one-commodity{
padding-bottom: 20rpx;
}
.one-commodity-info {
width:322rpx;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
}

.one-commodity-img{
width: 325rpx;
height: 200rpx;
float: left;
border-radius:16rpx;
margin: 16rpx 26rpx 0 13rpx;
}
.one-commodity-info .commodity-info-name{
font-size: 34rpx;
line-height: 35rpx;
margin-top: 16rpx;
}
.one-commodity-info .commodity-info-subTitle{
font-size: 28rpx;
height: 28rpx;
line-height: 28rpx;
margin-top: 12rpx;
color: #999;
width: 322rpx;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.one-commodity-info .commodity-info-salePriceStr{
margin-top: 20rpx;
}
.one-commodity-info .commodity-info-price{
margin-top: 0;
font-size: 24rpx;
line-height: 26rpx;
margin-left: 0;
text-decoration: none;
color: #999;
}
.inviteNum{
color: red;
}
.one-commodity-info .salePriceStr{
font-weight: bold;
}

Loading…
Cancel
Save