| @@ -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; | ||||