|
|
@@ -22,32 +22,34 @@
|
|
|
<image :src="shopInfo.shop_logo" mode="aspectFill" class="shop_logo mr-24"></image>
|
|
|
<view class="flex-1 flex-direction">
|
|
|
<view class="display-flex flex-justify-space mb-30">
|
|
|
- <view class="fs-38 fw-b fc-0 letter-spacing-6">
|
|
|
+ <view class="fs-38 fw-b fc-0 letter-spacing-6 ">
|
|
|
{{shopInfo.shop_name || ''}}
|
|
|
</view>
|
|
|
- <image src="/pages-buy/static/dh.png" mode="" class="dh-img"
|
|
|
+ <image src="/pages-buy/static/dh.png" mode="" class="dh-img flex-shrink0"
|
|
|
@click="phoneBut(shopInfo.shop_phone)"></image>
|
|
|
</view>
|
|
|
<view class="align-items-center">
|
|
|
- <view class="align-items-center">
|
|
|
+ <view class="align-items-center flex-shrink0 fg-class">
|
|
|
<image class="dw-class mr-6" src="@/static/img/index/dw.png" mode=""></image>
|
|
|
<view class="fs-24 fc-0">
|
|
|
距离{{shopInfo.distance}}Km
|
|
|
</view>
|
|
|
</view>
|
|
|
+ <view class="fs-24">
|
|
|
+ 营业时间：{{timeData}}
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="mb-30">
|
|
|
- <view class="align-items-center mb-30">
|
|
|
+<!-- <view class="align-items-center mb-30">
|
|
|
<view class="fs-24">
|
|
|
营业时间：
|
|
|
</view>
|
|
|
<view class="fs-24 time-item" v-for="(item,index) in shopInfo.business_hours">
|
|
|
{{item[0]+'-'+item[1]}}
|
|
|
</view>
|
|
|
- </view>
|
|
|
-
|
|
|
+ </view> -->
|
|
|
<view class="align-items-center flex-justify-space">
|
|
|
<view class="fs-24 fc-a mr-8">
|
|
|
{{shopInfo.city_name || ''}} {{shopInfo.address || ''}}
|
|
|
@@ -138,6 +140,13 @@
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
+ <view class="align-items-center flex-justify-center">
|
|
|
+ <view class="bottom-hr"></view>
|
|
|
+ <view class="fs-24 fc-a plr-12">
|
|
|
+ 我也是有底线的
|
|
|
+ </view>
|
|
|
+ <view class="bottom-hr"></view>
|
|
|
+ </view>
|
|
|
</scroll-view>
|
|
|
</view>
|
|
|
</template>
|
|
|
@@ -223,6 +232,7 @@
|
|
|
},
|
|
|
scrolltolower() {
|
|
|
console.log('触底');
|
|
|
+
|
|
|
},
|
|
|
groupList() {
|
|
|
groupList({
|
|
|
@@ -266,6 +276,11 @@
|
|
|
</script>
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
+ .fg-class{
|
|
|
+ padding-right: 15rpx;
|
|
|
+ margin-right: 15rpx;
|
|
|
+ border-right: .5rpx solid #DEDEDE;
|
|
|
+ }
|
|
|
.time-item {
|
|
|
margin-right: 15rpx;
|
|
|
padding-right: 15rpx;
|
|
|
@@ -345,8 +360,8 @@
|
|
|
}
|
|
|
|
|
|
.shop_logo {
|
|
|
- width: 120rpx;
|
|
|
- height: 120rpx;
|
|
|
+ width: 140rpx;
|
|
|
+ height: 140rpx;
|
|
|
border-radius: 20rpx;
|
|
|
}
|
|
|
|
|
|
@@ -513,4 +528,9 @@
|
|
|
width: 15rpx;
|
|
|
height: 28rpx;
|
|
|
}
|
|
|
+ .bottom-hr{
|
|
|
+ width: 61rpx;
|
|
|
+ height: 1rpx;
|
|
|
+ background: #D4D4D4;
|
|
|
+ }
|
|
|
</style>
|
