|
@@ -1,16 +1,17 @@ |
|
|
@import "../../../../app.ttss"; |
|
|
@import "../../../../app.ttss"; |
|
|
page{ |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
page { |
|
|
background: #F4F5F9; |
|
|
background: #F4F5F9; |
|
|
} |
|
|
} |
|
|
.index-slide, swiper-item |
|
|
|
|
|
.index-slide-image { |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.index-slide, |
|
|
|
|
|
swiper-item .index-slide-image { |
|
|
display: block; |
|
|
display: block; |
|
|
width: 750rpx; |
|
|
width: 750rpx; |
|
|
|
|
|
height: 450rpx; |
|
|
margin: 0 auto; |
|
|
margin: 0 auto; |
|
|
overflow: hidden; |
|
|
overflow: hidden; |
|
|
position: relative; |
|
|
position: relative; |
|
|
height: 450rpx; |
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.index-slide-view .dots { |
|
|
.index-slide-view .dots { |
|
@@ -46,7 +47,9 @@ page{ |
|
|
border-top-right-radius: 20rpx; |
|
|
border-top-right-radius: 20rpx; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.merchant-brand, .merchant-shop, .merchant-phone { |
|
|
|
|
|
|
|
|
.merchant-brand, |
|
|
|
|
|
.merchant-shop, |
|
|
|
|
|
.merchant-phone { |
|
|
width: 100%; |
|
|
width: 100%; |
|
|
background: #fff; |
|
|
background: #fff; |
|
|
} |
|
|
} |
|
@@ -59,45 +62,54 @@ page{ |
|
|
text-overflow: ellipsis; |
|
|
text-overflow: ellipsis; |
|
|
overflow: hidden; |
|
|
overflow: hidden; |
|
|
} |
|
|
} |
|
|
.merchant-brand view:nth-child(1) text:nth-child(1){ |
|
|
|
|
|
font-size:32rpx; |
|
|
|
|
|
font-family:PingFangSC-Regular; |
|
|
|
|
|
font-weight:400; |
|
|
|
|
|
color:rgba(60,60,60,1); |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.merchant-brand view:nth-child(1) text:nth-child(1) { |
|
|
|
|
|
font-size: 32rpx; |
|
|
|
|
|
font-family: PingFangSC-Regular; |
|
|
|
|
|
font-weight: 400; |
|
|
|
|
|
color: rgba(60, 60, 60, 1); |
|
|
margin-top: 20rpx; |
|
|
margin-top: 20rpx; |
|
|
} |
|
|
} |
|
|
.merchant-shop text, .merchant-phone text { |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.merchant-shop text, |
|
|
|
|
|
.merchant-phone text { |
|
|
font-size: 30rpx; |
|
|
font-size: 30rpx; |
|
|
} |
|
|
} |
|
|
.merchant-shop .fl{ |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.merchant-shop .fl { |
|
|
color: #A6A6A6; |
|
|
color: #A6A6A6; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.merchant-phone view { |
|
|
.merchant-phone view { |
|
|
color: #A6A6A6; |
|
|
color: #A6A6A6; |
|
|
} |
|
|
} |
|
|
.merchant-activity view{ |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.merchant-activity view { |
|
|
color: #333; |
|
|
color: #333; |
|
|
margin-top: 20rpx; |
|
|
margin-top: 20rpx; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.merchant-activity view:nth-child(2) { |
|
|
.merchant-activity view:nth-child(2) { |
|
|
font-size: 26rpx; |
|
|
font-size: 26rpx; |
|
|
display:flex; |
|
|
|
|
|
flex-direction:column; |
|
|
|
|
|
|
|
|
display: flex; |
|
|
|
|
|
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; |
|
|
line-height: 26rpx; |
|
|
line-height: 26rpx; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.merchant-activity view:nth-child(1) { |
|
|
.merchant-activity view:nth-child(1) { |
|
|
font-size:30rpx; |
|
|
|
|
|
|
|
|
font-size: 30rpx; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.merchant-activity view:nth-child(2) text { |
|
|
.merchant-activity view:nth-child(2) text { |
|
|
font-size:28rpx; |
|
|
|
|
|
color:#919191; |
|
|
|
|
|
letter-spacing:0; |
|
|
|
|
|
line-height:45rpx; |
|
|
|
|
|
|
|
|
font-size: 28rpx; |
|
|
|
|
|
color: #919191; |
|
|
|
|
|
letter-spacing: 0; |
|
|
|
|
|
line-height: 45rpx; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.merchant-info { |
|
|
.merchant-info { |
|
@@ -120,27 +132,32 @@ page{ |
|
|
line-height: 22rpx; |
|
|
line-height: 22rpx; |
|
|
margin-right: 10rpx; |
|
|
margin-right: 10rpx; |
|
|
} |
|
|
} |
|
|
.posi{ |
|
|
|
|
|
color: #FD832D!important; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.posi { |
|
|
|
|
|
color: #FD832D !important; |
|
|
} |
|
|
} |
|
|
.wz{ |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.wz { |
|
|
color: #A6A6A6; |
|
|
color: #A6A6A6; |
|
|
font-size: 24rpx; |
|
|
font-size: 24rpx; |
|
|
} |
|
|
} |
|
|
.notes view{ |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.notes view { |
|
|
color: #A6A6A6; |
|
|
color: #A6A6A6; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.merchant-brand { |
|
|
.merchant-brand { |
|
|
border: none !important; |
|
|
border: none !important; |
|
|
width: 92%; |
|
|
width: 92%; |
|
|
margin: 0 auto 20rpx; |
|
|
margin: 0 auto 20rpx; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.merchant-brand view:nth-child(2) text:nth-child(1) { |
|
|
.merchant-brand view:nth-child(2) text:nth-child(1) { |
|
|
margin-top: 20rpx; |
|
|
margin-top: 20rpx; |
|
|
font-size: 32rpx; |
|
|
font-size: 32rpx; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.title{ |
|
|
|
|
|
|
|
|
.title { |
|
|
font-size: 26rpx; |
|
|
font-size: 26rpx; |
|
|
color: #A6A6A6; |
|
|
color: #A6A6A6; |
|
|
width: 530rpx; |
|
|
width: 530rpx; |
|
@@ -149,13 +166,18 @@ page{ |
|
|
text-overflow: ellipsis; |
|
|
text-overflow: ellipsis; |
|
|
overflow: hidden; |
|
|
overflow: hidden; |
|
|
} |
|
|
} |
|
|
.merchant-shop,.merchant-phone,.merchant-activity{ |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.merchant-shop, |
|
|
|
|
|
.merchant-phone, |
|
|
|
|
|
.merchant-activity { |
|
|
width: 92%; |
|
|
width: 92%; |
|
|
margin: 0 auto; |
|
|
margin: 0 auto; |
|
|
} |
|
|
} |
|
|
.shopHr{ |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.shopHr { |
|
|
margin-bottom: 20rpx; |
|
|
margin-bottom: 20rpx; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.tabs-item.selected { |
|
|
.tabs-item.selected { |
|
|
color: rgba(171, 149, 109, 0.8); |
|
|
color: rgba(171, 149, 109, 0.8); |
|
|
border-bottom: 2px solid rgba(171, 149, 109, 0.8); |
|
|
border-bottom: 2px solid rgba(171, 149, 109, 0.8); |
|
@@ -200,12 +222,13 @@ page{ |
|
|
position: absolute; |
|
|
position: absolute; |
|
|
bottom: 0; |
|
|
bottom: 0; |
|
|
left: 15%; |
|
|
left: 15%; |
|
|
background:linear-gradient(127deg,rgba(252,177,74,1) 0%,rgba(254,70,20,1) 100%); |
|
|
|
|
|
|
|
|
background: linear-gradient(127deg, rgba(252, 177, 74, 1) 0%, rgba(254, 70, 20, 1) 100%); |
|
|
border-radius: 100px; |
|
|
border-radius: 100px; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.fenxiang { |
|
|
.fenxiang { |
|
|
position: absolute; |
|
|
position: absolute; |
|
|
right:0; |
|
|
|
|
|
|
|
|
right: 0; |
|
|
top: 27rpx; |
|
|
top: 27rpx; |
|
|
display: flex; |
|
|
display: flex; |
|
|
flex-direction: column; |
|
|
flex-direction: column; |
|
@@ -215,12 +238,14 @@ page{ |
|
|
width: 48rpx; |
|
|
width: 48rpx; |
|
|
height: 48rpx; |
|
|
height: 48rpx; |
|
|
margin: 0 auto; |
|
|
margin: 0 auto; |
|
|
} |
|
|
|
|
|
.gift{ |
|
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.gift { |
|
|
color: #3C3C3C; |
|
|
color: #3C3C3C; |
|
|
font-size: 20rpx; |
|
|
font-size: 20rpx; |
|
|
margin: 0 auto; |
|
|
margin: 0 auto; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.user-motto { |
|
|
.user-motto { |
|
|
width: 270rpx; |
|
|
width: 270rpx; |
|
|
border: 0; |
|
|
border: 0; |
|
@@ -260,21 +285,24 @@ page{ |
|
|
text-align: center; |
|
|
text-align: center; |
|
|
color: #999; |
|
|
color: #999; |
|
|
} |
|
|
} |
|
|
.have{ |
|
|
|
|
|
text-align: left!important; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.have { |
|
|
|
|
|
text-align: left !important; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.swiperactive { |
|
|
.swiperactive { |
|
|
min-height: 400rpx; |
|
|
min-height: 400rpx; |
|
|
padding-bottom: 44rpx; |
|
|
padding-bottom: 44rpx; |
|
|
padding:0 4% 10rpx; |
|
|
|
|
|
|
|
|
padding: 0 4% 10rpx; |
|
|
|
|
|
|
|
|
} |
|
|
} |
|
|
.swiperactive image{ |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.swiperactive image { |
|
|
display: block; |
|
|
display: block; |
|
|
width: 300rpx; |
|
|
width: 300rpx; |
|
|
margin: 30rpx auto 0; |
|
|
margin: 30rpx auto 0; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.modal { |
|
|
.modal { |
|
|
width: 100%; |
|
|
width: 100%; |
|
|
height: 100%; |
|
|
height: 100%; |
|
@@ -328,7 +356,7 @@ page{ |
|
|
top: 0; |
|
|
top: 0; |
|
|
left: 0; |
|
|
left: 0; |
|
|
/* left: 500%; 分享图不显示在页面上面,就将画布设置在页面之外*/ |
|
|
/* left: 500%; 分享图不显示在页面上面,就将画布设置在页面之外*/ |
|
|
} |
|
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
.dingdan image { |
|
|
.dingdan image { |
|
|
display: block; |
|
|
display: block; |
|
@@ -336,20 +364,24 @@ page{ |
|
|
margin: 30rpx auto 0; |
|
|
margin: 30rpx auto 0; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
button::after{ border: none; } |
|
|
|
|
|
.goback{ |
|
|
|
|
|
|
|
|
button::after { |
|
|
|
|
|
border: none; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.goback { |
|
|
position: fixed; |
|
|
position: fixed; |
|
|
right: 20rpx; |
|
|
right: 20rpx; |
|
|
bottom: 60rpx; |
|
|
bottom: 60rpx; |
|
|
width:100rpx!important; |
|
|
|
|
|
height:100rpx; |
|
|
|
|
|
|
|
|
width: 100rpx !important; |
|
|
|
|
|
height: 100rpx; |
|
|
z-index: 100; |
|
|
z-index: 100; |
|
|
background:rgba(255,255,255,1); |
|
|
|
|
|
|
|
|
background: rgba(255, 255, 255, 1); |
|
|
line-height: 95rpx; |
|
|
line-height: 95rpx; |
|
|
border:1rpx solid rgba(227,227,227,1); |
|
|
|
|
|
border-radius:50%; |
|
|
|
|
|
|
|
|
border: 1rpx solid rgba(227, 227, 227, 1); |
|
|
|
|
|
border-radius: 50%; |
|
|
} |
|
|
} |
|
|
.goback image{ |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.goback image { |
|
|
position: absolute; |
|
|
position: absolute; |
|
|
width: 60rpx; |
|
|
width: 60rpx; |
|
|
left: 0; |
|
|
left: 0; |
|
@@ -358,8 +390,9 @@ button::after{ border: none; } |
|
|
bottom: 0; |
|
|
bottom: 0; |
|
|
margin: auto; |
|
|
margin: auto; |
|
|
} |
|
|
} |
|
|
.frHr{ |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.frHr { |
|
|
float: left; |
|
|
float: left; |
|
|
margin-left: 12rpx; |
|
|
margin-left: 12rpx; |
|
|
margin-top:18rpx; |
|
|
|
|
|
|
|
|
margin-top: 18rpx; |
|
|
} |
|
|
} |