xt / xcx-book · Commits

Go to a project

Commit 2d3d38564896c4b36ecd6e8f85615da9ccdb2949

Authored by wangfan
1 parent a1c8bd9e
build: skipped

C端调整

Inline Side-by-side
Showing 6 changed files with 101 additions and 10 deletions
... ... @@ -3,7 +3,12 @@ Component({
/**
* 组件的属性列表
*/
properties: {},
properties: {
seller:{
type:Object,
value:{}
}
},
/**
* 组件的初始数据
... ...
... ... @@ -7,10 +7,41 @@
</view>
<view class="slogan">致电商家时，请说明是一键订平台的客户</view>
<view class="list">
<view class="item flex-ll">
<view class="left flex-vc">123213</view>
<view class="item flex-ll" wx:for="{{seller.activity}}">
<view class="left flex-vc">
<block wx:if="{{item.type==1}}"><!--//满减-->
<view class="flex-ll block">
<view class="min-font">¥</view>
<view class="flx"></view>
<view class="max-font">{{item.min_num}}</view>
</view>
<view class="info">满{{item.max_num}}立减</view>
</block>
<block wx:elif="{{item.type==2}}"><!--//满赠-->
<view>满赠</view>
</block>
<block wx:elif="{{item.type==3}}"><!--//折扣-->
<view class="flex-ll block">
<view class="max-font">{{item.min_num}}</view>
<view class="flx"></view>
<view class="min-font">折</view>
</view>
<view class="info">满{{item.max_num}}立享</view>
</block>
<block wx:elif="{{item.type==4}}"><!--//代金券-->
<view class="flex-ll block">
<view class="min-font">¥</view>
<view class="flx"></view>
<view class="max-font">{{item.min_num}}</view>
</view>
<view class="info">{{item.max_num}}元代金券</view>
</block>
<block wx:else=""><!--//会员价-->
<view>会员价</view>
</block>
</view>
<view class="right flex-vc">
123321312
{{item.desc}}
</view>
</view>
</view>
... ...
... ... @@ -50,7 +50,7 @@
margin-top: 40rpx;
}
.item .left{
width: 200rpx;
width: 220rpx;
height: 190rpx;
color: #fff;
}
... ... @@ -59,4 +59,28 @@
height: 190rpx;
margin-left: 50rpx;
font-size: 28rpx;
}
.item .info{
font-size: 24rpx;
height: 34rpx;
line-height: 34rpx;
}
.item .block{
height: 74rpx;
align-items: flex-end;
}
.item .min-font{
font-size: 32rpx;
height: 32rpx;
line-height: 32rpx;
}
.item .max-font{
font-size: 52rpx;
height: 52rpx;
line-height: 52rpx;
}
.item .flx{
height: 52rpx;
line-height: 52rpx;
width: 10rpx;
}
\ No newline at end of file
... ...
... ... @@ -48,15 +48,19 @@
<view class="activity-left">
<view class="activity-first flex-ll" style="align-items: flex-start">
<image src="http://qn.colorcun.com/custom/lite-online/image%E5%96%87%E5%8F%AD.png"></image>
{{seller.activity[0].desc}}
<view class="flex-cc discount" wx:for="{{seller.activity}}" wx:if="{{index<2}}">
<view class="discount-left"></view>
<view class="discount-text">{{item.title}}</view>
<view class="discount-right"></view>
</view>
</view>
</view>
<view class="activity-right flex-rr Semibold">
<view>更多</view>
<view></view>
<view class="more"></view>
</view>
</view>
<view class="activity-text" wx:if="{{seller.activity[1]}}">
<view class="activity-text">
该优惠仅适用于一键订平台预订客户
</view>
</view>
... ... @@ -142,4 +146,4 @@
</view>
<as id="as" items="{{seller.seller_tel}}" bindclick="reservePhone">拨打电话预定</as>
<getpos bindpos="onpos" id="getpos"></getpos>
<discount id="discount"></discount>
\ No newline at end of file
<discount id="discount" seller="{{seller}}"></discount>
\ No newline at end of file
... ...
... ... @@ -297,4 +297,31 @@
margin-left: 20rpx;
margin-right: 20rpx;
height: 24rpx;
}
.discount{
margin-right: 20rpx;
}
.discount:last-child{
margin-right: 0;
}
.discount .discount-left{
background-image: url("http://qn.colorcun.com/reserve/images/%E5%B7%A6%E8%BE%B9.png");
width: 12rpx;
height: 40rpx;
background-size: 100% 100%;
}
.discount .discount-text{
background-image: url("http://qn.colorcun.com/reserve/images/%E4%B8%AD%E9%97%B4.jpg");
height: 40rpx;
min-width: 100rpx;
background-size: 100% 100%;
line-height: 40rpx;
color:#F8E6C4;
padding: 0 10rpx;
}
.discount .discount-right{
background-image: url("http://qn.colorcun.com/reserve/images/%E5%8F%B3%E8%BE%B9.png");
width: 12rpx;
height: 40rpx;
background-size: 100% 100%;
}
\ No newline at end of file
... ...
... ... @@ -43,7 +43,7 @@
"list": []
},
"miniprogram": {
"current": 51,
"current": 39,
"list": [
{
"id": 0,
... ...