@@ -1,4 +1,3 @@ | |||
<!-- <button class='goback' bindtap='goback'><image src='{{wmhome}}' mode="widthFix"></image></button> --> | |||
<navbar back home text="门店详情"></navbar> | |||
<view style="padding-top:{{navigationBarHeight}};"> | |||
<swiper class="index-slide" autoplay="true" circular="false"> | |||
@@ -53,7 +52,6 @@ | |||
<text wx:if="{{data.linkLinePhone}}">{{data.linkLinePhone}}</text> | |||
<text wx:else>{{data.merchantLinkPhone}}</text> | |||
</view> | |||
<!-- <image bindtap='phone' data-merchantLinkPhone='{{data.linkLinePhone}}' class="tel" src="{{teljpgUrl}}" mode="widthFix" /> --> | |||
</view> | |||
</view> | |||
</view> | |||
@@ -38,15 +38,6 @@ page{ | |||
opacity: 1; | |||
} | |||
.bannerbg { | |||
width: 100%; | |||
} | |||
.bannerbg image { | |||
display: block; | |||
width: 100%; | |||
} | |||
.merchant-detail { | |||
width: 100%; | |||
background: #fff; | |||
@@ -56,14 +47,11 @@ page{ | |||
.merchant-brand, .merchant-shop, .merchant-phone { | |||
width: 100%; | |||
/* display: flex; */ | |||
/* padding: 10rpx 0; */ | |||
background: #fff; | |||
} | |||
.merchant-brand view:nth-child(1) { | |||
width: 88%; | |||
/* height: 700rpx; */ | |||
display: flex; | |||
flex-direction: column; | |||
white-space: nowrap; | |||
@@ -77,35 +65,13 @@ page{ | |||
color:rgba(60,60,60,1); | |||
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 { | |||
font-size: 30rpx; | |||
/* color: #A6A6A6; */ | |||
} | |||
.merchant-shop .fl{ | |||
color: #A6A6A6; | |||
} | |||
.merchant-phone view { | |||
/* display: flex; | |||
flex: 2; */ | |||
color: #A6A6A6; | |||
} | |||
.merchant-activity view{ | |||
@@ -118,7 +84,6 @@ page{ | |||
display:flex; | |||
flex-direction:column; | |||
} | |||
.merchant-shop view:nth-child(2) { | |||
font-size: 30rpx; | |||
color: #A6A6A6; | |||
@@ -141,45 +106,12 @@ page{ | |||
} | |||
.merchant-phones { | |||
/* border-top:8px solid #efefef; */ | |||
padding: 20rpx 0; | |||
display: block; | |||
font-size: 30rpx; | |||
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 { | |||
display: inline-block; | |||
font-size: 26rpx; | |||
@@ -277,9 +209,7 @@ page{ | |||
display: flex; | |||
flex-direction: column; | |||
} | |||
.merchant-activity{ | |||
padding: 0 4% 10rpx; | |||
} | |||
.fenxiang image { | |||
width: 48rpx; | |||
height: 48rpx; | |||
@@ -303,8 +233,6 @@ page{ | |||
border: none; | |||
} | |||
/* 商户活动列表 */ | |||
.coupons c-coupons { | |||
width: 335rpx; | |||
height: 354rpx; | |||
@@ -391,32 +319,12 @@ page{ | |||
} | |||
/*分享海报样式*/ | |||
.canvas-content { | |||
display: flex; | |||
top: 0; | |||
left: 0; | |||
/* 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 { | |||
display: block; | |||
@@ -131,222 +131,18 @@ | |||
page { | |||
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{ | |||
display: block; | |||
width: 25%; | |||
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) { | |||
font-size: 28rpx; | |||
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{ | |||
padding-left: 0!important; | |||
display: inline-block!important; | |||