@@ -1,4 +1,3 @@ | |||||
<!-- <button class='goback' bindtap='goback'><image src='{{wmhome}}' mode="widthFix"></image></button> --> | |||||
<navbar back home text="门店详情"></navbar> | <navbar back home text="门店详情"></navbar> | ||||
<view style="padding-top:{{navigationBarHeight}};"> | <view style="padding-top:{{navigationBarHeight}};"> | ||||
<swiper class="index-slide" autoplay="true" circular="false"> | <swiper class="index-slide" autoplay="true" circular="false"> | ||||
@@ -53,7 +52,6 @@ | |||||
<text wx:if="{{data.linkLinePhone}}">{{data.linkLinePhone}}</text> | <text wx:if="{{data.linkLinePhone}}">{{data.linkLinePhone}}</text> | ||||
<text wx:else>{{data.merchantLinkPhone}}</text> | <text wx:else>{{data.merchantLinkPhone}}</text> | ||||
</view> | </view> | ||||
<!-- <image bindtap='phone' data-merchantLinkPhone='{{data.linkLinePhone}}' class="tel" src="{{teljpgUrl}}" mode="widthFix" /> --> | |||||
</view> | </view> | ||||
</view> | </view> | ||||
</view> | </view> | ||||
@@ -38,15 +38,6 @@ page{ | |||||
opacity: 1; | opacity: 1; | ||||
} | } | ||||
.bannerbg { | |||||
width: 100%; | |||||
} | |||||
.bannerbg image { | |||||
display: block; | |||||
width: 100%; | |||||
} | |||||
.merchant-detail { | .merchant-detail { | ||||
width: 100%; | width: 100%; | ||||
background: #fff; | background: #fff; | ||||
@@ -56,14 +47,11 @@ page{ | |||||
.merchant-brand, .merchant-shop, .merchant-phone { | .merchant-brand, .merchant-shop, .merchant-phone { | ||||
width: 100%; | width: 100%; | ||||
/* display: flex; */ | |||||
/* padding: 10rpx 0; */ | |||||
background: #fff; | background: #fff; | ||||
} | } | ||||
.merchant-brand view:nth-child(1) { | .merchant-brand view:nth-child(1) { | ||||
width: 88%; | width: 88%; | ||||
/* height: 700rpx; */ | |||||
display: flex; | display: flex; | ||||
flex-direction: column; | flex-direction: column; | ||||
white-space: nowrap; | white-space: nowrap; | ||||
@@ -77,35 +65,13 @@ page{ | |||||
color:rgba(60,60,60,1); | color:rgba(60,60,60,1); | ||||
margin-top: 20rpx; | margin-top: 20rpx; | ||||
} | } | ||||
/* .merchant-brand view:nth-child(1) image { | |||||
display: block; | |||||
width: 130rpx; | |||||
height: 130rpx; | |||||
border-radius: 16rpx; | |||||
border: 1px solid #e5e5e5; | |||||
} | |||||
.merchant-brand view:nth-child(2) { | |||||
display: flex; | |||||
flex-direction: column; | |||||
width: 61%; | |||||
padding-left: 30rpx; | |||||
white-space: nowrap; | |||||
text-overflow: ellipsis; | |||||
overflow: hidden; | |||||
} */ | |||||
.merchant-shop text, .merchant-phone text { | .merchant-shop text, .merchant-phone text { | ||||
font-size: 30rpx; | font-size: 30rpx; | ||||
/* color: #A6A6A6; */ | |||||
} | } | ||||
.merchant-shop .fl{ | .merchant-shop .fl{ | ||||
color: #A6A6A6; | color: #A6A6A6; | ||||
} | } | ||||
.merchant-phone view { | .merchant-phone view { | ||||
/* display: flex; | |||||
flex: 2; */ | |||||
color: #A6A6A6; | color: #A6A6A6; | ||||
} | } | ||||
.merchant-activity view{ | .merchant-activity view{ | ||||
@@ -118,7 +84,6 @@ page{ | |||||
display:flex; | display:flex; | ||||
flex-direction:column; | flex-direction:column; | ||||
} | } | ||||
.merchant-shop view:nth-child(2) { | .merchant-shop view:nth-child(2) { | ||||
font-size: 30rpx; | font-size: 30rpx; | ||||
color: #A6A6A6; | color: #A6A6A6; | ||||
@@ -141,45 +106,12 @@ page{ | |||||
} | } | ||||
.merchant-phones { | .merchant-phones { | ||||
/* border-top:8px solid #efefef; */ | |||||
padding: 20rpx 0; | padding: 20rpx 0; | ||||
display: block; | display: block; | ||||
font-size: 30rpx; | font-size: 30rpx; | ||||
background: #F4F5F9; | background: #F4F5F9; | ||||
} | } | ||||
.merchant-activity{ | |||||
padding: 20rpx 0; | |||||
display: block; | |||||
font-size: 30rpx; | |||||
} | |||||
.tel { | |||||
/* right: 0; | |||||
top: 0; | |||||
bottom: 0; | |||||
margin: auto; */ | |||||
display: inline-block; | |||||
width: 50rpx; | |||||
height: 50rpx; | |||||
vertical-align: middle; | |||||
} | |||||
.shoplists { | |||||
display: flex; | |||||
} | |||||
.shoplists text { | |||||
flex: 2; | |||||
} | |||||
.godetail { | |||||
color: #999; | |||||
font-size: 30rpx; | |||||
position: absolute; | |||||
right: 10rpx; | |||||
} | |||||
.merchants text { | .merchants text { | ||||
display: inline-block; | display: inline-block; | ||||
font-size: 26rpx; | font-size: 26rpx; | ||||
@@ -277,9 +209,7 @@ page{ | |||||
display: flex; | display: flex; | ||||
flex-direction: column; | flex-direction: column; | ||||
} | } | ||||
.merchant-activity{ | |||||
padding: 0 4% 10rpx; | |||||
} | |||||
.fenxiang image { | .fenxiang image { | ||||
width: 48rpx; | width: 48rpx; | ||||
height: 48rpx; | height: 48rpx; | ||||
@@ -303,8 +233,6 @@ page{ | |||||
border: none; | border: none; | ||||
} | } | ||||
/* 商户活动列表 */ | |||||
.coupons c-coupons { | .coupons c-coupons { | ||||
width: 335rpx; | width: 335rpx; | ||||
height: 354rpx; | height: 354rpx; | ||||
@@ -391,32 +319,12 @@ page{ | |||||
} | } | ||||
/*分享海报样式*/ | /*分享海报样式*/ | ||||
.canvas-content { | .canvas-content { | ||||
display: flex; | display: flex; | ||||
top: 0; | top: 0; | ||||
left: 0; | left: 0; | ||||
/* left: 500%; 分享图不显示在页面上面,就将画布设置在页面之外*/ | /* left: 500%; 分享图不显示在页面上面,就将画布设置在页面之外*/ | ||||
} | |||||
.save-button { | |||||
position: fixed; | |||||
width: 80rpx; | |||||
height: 80rpx; | |||||
bottom: 40rpx; | |||||
right: 40rpx; | |||||
border-radius: 50rpx; | |||||
z-index: 200; | |||||
background: rgba(0, 0, 0, 0.75); | |||||
} | |||||
.save-button .share-image { | |||||
position: absolute; | |||||
top: 22rpx; | |||||
left: 22rpx; | |||||
width: 36rpx; | |||||
height: 36rpx; | |||||
} | |||||
} | |||||
.dingdan image { | .dingdan image { | ||||
display: block; | display: block; | ||||
@@ -131,222 +131,18 @@ | |||||
page { | page { | ||||
padding: 0 0 30rpx; | padding: 0 0 30rpx; | ||||
} | } | ||||
.tabTit { | |||||
height: 90rpx; | |||||
line-height: 82rpx; | |||||
position: fixed; | |||||
top: 0; | |||||
width: 750rpx; | |||||
z-index: 1; | |||||
} | |||||
.tabTit > view:nth-of-type(1) { | |||||
border-left: 0; | |||||
} | |||||
.tabTit > view:nth-of-type(4) { | |||||
border-right: 0; | |||||
} | |||||
.tabTit .active image { | |||||
transform: rotate(180deg); | |||||
background: none; | |||||
} | |||||
.tabTit image { | |||||
width: 18rpx; | |||||
height: 9rpx; | |||||
vertical-align: middle; | |||||
margin-left: 5px; | |||||
} | |||||
.tabLayer { | |||||
width: 750rpx; | |||||
overflow: hidden; | |||||
position: fixed; | |||||
top: 90rpx; | |||||
z-index: 1; | |||||
background: #fff; | |||||
padding-bottom: 26rpx; | |||||
box-shadow:2px 9px 10px rgba(0, 0, 0, 0.05); | |||||
bottom: 0; | |||||
border-top:1px solid #eee; | |||||
} | |||||
.tabLayer a { | |||||
float: left; | |||||
width: 210rpx; | |||||
height: 80rpx; | |||||
line-height: 80rpx; | |||||
margin: 30rpx 0 0 26rpx; | |||||
text-align: center; | |||||
color: #888; | |||||
font-size: 30rpx; | |||||
background: rgba(255, 255, 255, 1); | |||||
border: 1px solid rgba(234, 234, 234, 1); | |||||
border-radius: 10rpx; | |||||
} | |||||
.tabLayer .active { | |||||
text-align: center; | |||||
height: 80rpx; | |||||
background: rgba(255, 255, 255, 1); | |||||
border: 1px solid rgba(101, 158, 246, 1); | |||||
border-radius: 10rpx; | |||||
color: #659ef6; | |||||
} | |||||
.tabTit .active { | |||||
background: #fff; | |||||
font-size: 32prx; | |||||
font-weight: 500; | |||||
color: rgba(101, 158, 246, 1); | |||||
} | |||||
/*弹性盒模型*/ | |||||
.box { | |||||
background: #fff; | |||||
border-bottom:1px solid #eee; | |||||
} | |||||
.flex1 { | |||||
overflow: hidden; | |||||
width: 25%; | |||||
display: block; | |||||
text-align: center; | |||||
} | |||||
.flex1 text,.text { | |||||
font-size: 30rpx; | |||||
} | |||||
.text{ | .text{ | ||||
display: block; | display: block; | ||||
width: 25%; | width: 25%; | ||||
text-align: center; | text-align: center; | ||||
} | } | ||||
/* 日期选择 */ | |||||
.picker_group { | |||||
height: 85rpx; | |||||
line-height: 85rpx; | |||||
justify-content: center; | |||||
display: flex; | |||||
align-items: center; | |||||
font-size: 30rpx; | |||||
color: #888; | |||||
} | |||||
.picker_group picker { | |||||
height: 55rpx; | |||||
line-height: 55rpx; | |||||
margin: 0 2%; | |||||
padding: 2% 5%; | |||||
border-bottom: 1px solid #eee; | |||||
} | |||||
.view view:nth-of-type(1) { | .view view:nth-of-type(1) { | ||||
font-size: 28rpx; | font-size: 28rpx; | ||||
color: #888; | color: #888; | ||||
} | } | ||||
.list { | |||||
width: 644rpx; | |||||
border-radius: 16rpx; | |||||
padding: 32rpx; | |||||
margin: 40rpx auto; | |||||
box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.1); | |||||
} | |||||
.list >view { | |||||
height: 60rpx; | |||||
line-height: 60rpx; | |||||
font-size: 30rpx; | |||||
} | |||||
.txt1 { | |||||
font-size: 32rpx; | |||||
font-weight: 500; | |||||
color: rgba(85, 85, 85, 1); | |||||
} | |||||
.txt2 { | |||||
font-size: 28rpx; | |||||
font-weight: 500; | |||||
color: rgba(255, 106, 106, 1); | |||||
} | |||||
.money { | |||||
font-weight: 500; | |||||
color: rgba(85, 85, 85, 1); | |||||
font-size: 26rpx; | |||||
padding-right: 20rpx; | |||||
} | |||||
.time { | |||||
font-size: 28rpx; | |||||
font-weight: 500; | |||||
color: rgba(125, 125, 125, 1); | |||||
} | |||||
.status1 { | |||||
color: #659ef6; | |||||
} | |||||
.status2 { | |||||
color: #eea959; | |||||
} | |||||
.status3 { | |||||
color: #ff6a6a; | |||||
} | |||||
.status4 { | |||||
color: #8aaa6b; | |||||
} | |||||
.btn { | |||||
float: right; | |||||
height: 52rpx; | |||||
line-height: 52rpx; | |||||
background: rgba(101, 158, 246, 1); | |||||
border-radius: 10rpx; | |||||
font-size: 28rpx; | |||||
font-weight: 500; | |||||
padding: 0 25rpx; | |||||
color: rgba(255, 255, 255, 1); | |||||
} | |||||
.btns { | |||||
width:137rpx; | |||||
margin-top: 21rpx; | |||||
background: #52a0fd; | |||||
border-radius: 8rpx; | |||||
color: #fff; | |||||
font-size: 26rpx; | |||||
height: 64rpx; | |||||
line-height: 64rpx; | |||||
} | |||||
.active2{ | |||||
border: 1px solid #52a0fd!important; | |||||
color: #52a0fd!important; | |||||
} | |||||
.recond{ | |||||
text-align: center; | |||||
font-size: 30rpx; | |||||
margin-top: 60rpx; | |||||
} | |||||
.active3{ | |||||
color: #659ef6; | |||||
} | |||||
.loading{ | |||||
text-align: center; | |||||
font-size: 28rpx; | |||||
color: #999; | |||||
} | |||||
.mr{ | |||||
margin-top: 200rpx!important; | |||||
} | |||||
.shopVoList{ | .shopVoList{ | ||||
padding-left: 0!important; | padding-left: 0!important; | ||||
display: inline-block!important; | display: inline-block!important; | ||||