xt / xcx-book · Commits

Go to a project

Commit f1aee74f568b0a6c1254e03c965a59a5a3374baf

Authored by vking
1 parent 8084509b
build: skipped

deatil style

Inline Side-by-side
Showing 3 changed files with 89 additions and 34 deletions
... ... @@ -59,6 +59,13 @@ Page({
if(seller.envi_image.length<1){
seller.envi_image=['http://qn.colorcun.com/custom/lite-online/image/def-banner.png']
}
if(seller.label_c.length>0) {
let label_cstr=[];
seller.label_c.forEach(l=>{
label_cstr.push(l.name)
})
seller.label_cstr=label_cstr.join(' | ')
}
this.setData({
seller:seller,
})
... ...
... ... @@ -41,16 +41,40 @@
<view class="item" wx:if="{{seller.is_parking==1}}">停车场</view>
<view class="item" wx:if="{{seller.room_num>0}}">{{seller.room_num}}个包间</view>
</view>
<view class="ping label_c">
<view class="label_conent flex-ll">
<view class="item" wx:if="{{seller.cate.length>0}}">{{seller.cate[0]}}</view>
<view class="item" wx:if="{{seller.is_belt_wine!=0}}">{{seller.is_belt_wine==1?'不可带酒水':'可自带酒水'}}</view>
<view class="item" wx:if="{{seller.is_parking==1}}">停车场</view>
<view class="item" wx:if="{{seller.room_num>0}}">{{seller.room_num}}个包间</view>
<view class="label_c" wx:if="{{seller.label_cstr}}">
<text class="label_text" >{{seller.label_cstr}}</text>
</view>
</view>
<view class="addr flex-lr" bindtap="lookLocation">
<view class="addr-view">
<view class="addr-text flex-ll">
<image src="http://qn.colorcun.com/custom/lite-online/image/%E5%AE%9A%E4%BD%8D.png"></image>
<view class="text">{{seller.real_address||seller.map_address}}</view>
</view>
<view class="addr-long">{{seller.distanceStr?'距您当前位置'+seller.distanceStr:''}}</view>
</view>
<view class="more more-addr"></view>
</view>
</view>
<view class="black20line"></view>
<view class="seller">
<formids wx:if="{{seller.activity.length>0}}" bindclick="showDiscount">
<view class="activity-view-easy flex-lr" >
<view class="activity-left flex-ll">
<view class="icon"></view>
<view class="flex-ll discount" wx:for="{{seller.activity}}"
wx:key="seller.activity.key"
wx:if="{{index<2}}">
{{item.title}}
</view>
</view>
<view class="flex-rr activity-right">
<view class="more-text">更多</view>
<view class="more"></view>
</view>
</view>
</formids>
<!--
<formids wx:if="{{seller.activity.length>0}}" bindclick="showDiscount">
<view class="activity-view" >
<view class="activity" >
... ... @@ -78,16 +102,7 @@
</view>
</view>
</formids>
<view class="addr flex-lr" bindtap="lookLocation">
<view class="addr-view">
<view class="addr-text flex-ll">
<image src="http://qn.colorcun.com/custom/lite-online/image/%E5%AE%9A%E4%BD%8D.png"></image>
<view class="text">{{seller.real_address||seller.map_address}}</view>
</view>
<view class="addr-long">{{seller.distanceStr?'距您当前位置'+seller.distanceStr:''}}</view>
</view>
<view class="more more-addr"></view>
</view>
-->
</view>
<view class="black20line"></view>
<view class="block" wx:if="{{seller.room_image.length>0}}">
... ...
... ... @@ -4,7 +4,7 @@
margin: 0 auto;
font-size: 30rpx;
color:#353535;
padding-bottom: 200rpx;
padding-bottom: 100rpx;
}
.seller-banner{
width: 100%;
... ... @@ -26,13 +26,13 @@
}
.seller .base{
padding: 40rpx 0;
padding: 40rpx 0 18rpx;
}
.base .name{
font-size: 36rpx;
height: 50rpx;
line-height: 50rpx;
margin-bottom: 10rpx;
margin-bottom: 20rpx;
overflow: hidden;
}
.base .ping,.base .peitao{
... ... @@ -126,7 +126,7 @@
}
.block{
padding: 80rpx 0 60rpx;
padding: 60rpx 0 60rpx;
border-bottom: 2rpx solid #F5F5F5;
}
.block:last-child{
... ... @@ -135,7 +135,7 @@
.block .header{
height: 44rpx;
line-height: 44rpx;
margin-bottom: 60rpx;
margin-bottom: 40rpx;
}
.block .line{
height: 44rpx;
... ... @@ -200,21 +200,22 @@
}
.baos{
height: 282rpx;
height: 324rpx;
width: 100%;
white-space: nowrap;
}
.baos .image{
width: 400rpx;
width: 500rpx;
border-radius: 10rpx;
margin-right: 20rpx;
display: inline-block;
overflow: hidden;
height: 100%;
height: 320rpx;
box-shadow:0px 4rpx 4rpx 0px rgba(198,198,198,1);
}
.baos .image image{
width: 100%;
height: 100%;
width: 500rpx;
height: 320rpx;
}
.cais{
... ... @@ -226,12 +227,13 @@
margin-right: 20rpx;
border-radius: 10rpx;
border: 2rpx solid #F5F5F5;
box-shadow:0px 4px 4px 0px rgba(198,198,198,1);
}
.cais .image{
width: 400rpx;
width: 500rpx;
border-radius: 10rpx 10rpx 0 0;
overflow: hidden;
height: 206rpx;
height: 320rpx;
}
.cais .image image{
width: 100%;
... ... @@ -239,9 +241,9 @@
}
.cais .text{
font-size: 30rpx;
height: 62rpx;
line-height: 62rpx;
padding: 0 20rpx;
height: 80rpx;
line-height: 80rpx;
padding-left: 20rpx;
white-space: nowrap;
overflow: hidden;
}
... ... @@ -408,9 +410,40 @@
}
.label_c{
background-color: #FFF5EB;
font-size: 24rpx;
color: #C0A369;
margin-top: 20rpx;
}
.label_text{
height: 40rpx;
line-height: 40rpx;
background-color: #FFF5EB;
padding: 0 8rpx;
}
.label_conent{
.activity-view-easy{
height: 120rpx;
line-height: 120rpx;
}
.activity-view-easy .activity-left{
height: 120rpx;
line-height: 120rpx;
}
.activity-view-easy .icon{
background-image: url("https://qn.colorcun.com/reserve/images/ad.png");
width: 30rpx;
height: 32rpx;
background-size: 100% 100%;
margin-top: 10rpx;
margin-right: 20rpx;
}
.activity-view-easy .discount{
border-right: 2rpx #C0A369 solid;
height: 30rpx;
line-height: 30rpx;
font-size: 30rpx;
padding-right: 18rpx;
}
.activity-view-easy .discount:last-child{
border-right-width: 0;
}
\ No newline at end of file
... ...