|
|
@@ -2,11 +2,12 @@
|
|
|
<view class="flex-common-css iPhone-bottom">
|
|
|
<Nav :leftShow='false' :customNav='true' :bgckgroundBox='scrollTopNum>30?"#fff":"transparent"' class="nav-box">
|
|
|
<template>
|
|
|
- <view slot="custom" class="align-items-center" @click="leftClick">
|
|
|
- <view class="nav-left-box text-align-center" v-show="scrollTopNum<30">
|
|
|
+ <view slot="custom" class="align-items-center">
|
|
|
+ <view class="nav-left-box text-align-center" v-show="scrollTopNum<30" @click="leftClick">
|
|
|
<uni-icons color="#fff" type="left" size="15"></uni-icons>
|
|
|
</view>
|
|
|
- <uni-icons class="mr-30" color="#000" type="left" size="15" v-show="scrollTopNum>30"></uni-icons>
|
|
|
+ <uni-icons @click="leftClick" class="mr-30" color="#000" type="left" size="15"
|
|
|
+ v-show="scrollTopNum>30"></uni-icons>
|
|
|
<view class="fs-34 fw-600 fc-3" v-show="scrollTopNum>30">
|
|
|
团购商家
|
|
|
</view>
|
|
|
@@ -14,28 +15,30 @@
|
|
|
</template>
|
|
|
</Nav>
|
|
|
<scroll-view :scroll-y="true" class="scroll-view-box" @scroll='scroll' @scrolltolower="scrolltolower">
|
|
|
- <image :src="shopInfo.shop_logo" mode="scaleToFill" class="nav-img"></image>
|
|
|
+ <image src="@/static/img/my/bg.png" mode="scaleToFill" class="nav-img"></image>
|
|
|
<view class="shop-box p-24 box-border-box">
|
|
|
- <view class="fs-38 fw-600 fc-3 letter-spacing-6 mb-18">
|
|
|
- {{shopInfo.shop_name || ''}}
|
|
|
- </view>
|
|
|
- <view class="align-items-center flex-justify-space p-b-20 b-b-F9F9F9 mb-18">
|
|
|
- <view class="">
|
|
|
- 营业时间：{{timeData}}
|
|
|
+ <view class="align-items-center mb-18">
|
|
|
+ <image :src="shopInfo.shop_logo" mode="aspectFill" class="shop_logo mr-10"></image>
|
|
|
+ <view class="flex-1">
|
|
|
+ <view class="fs-38 fw-600 fc-3 letter-spacing-6 mb-18">
|
|
|
+ {{shopInfo.shop_name || ''}}
|
|
|
+ </view>
|
|
|
+ <view class="align-items-center flex-justify-space b-b-F9F9F9">
|
|
|
+ <view class="">
|
|
|
+ 营业时间：{{timeData}}
|
|
|
+ </view>
|
|
|
+ <image src="@/static/img/takeout/info-phone.png" mode="" class="phone"
|
|
|
+ @click="phoneBut(shopInfo.shop_phone)"></image>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- <image src="@/static/img/takeout/info-phone.png" mode="" class="phone"
|
|
|
- @click="phoneBut(shopInfo.shop_phone)"></image>
|
|
|
- </view>
|
|
|
- <view class="uni-margin-wrap mb-18" v-if="shopInfo.shop_album.length>0">
|
|
|
- <swiper class="swiper" :circular='true' :autoplay="true" :interval="3000" :duration="500">
|
|
|
- <swiper-item v-for="(item,index) in shopInfo.shop_album">
|
|
|
- <image :src="item" mode="" class="swiper-img"></image>
|
|
|
- </swiper-item>
|
|
|
- </swiper>
|
|
|
</view>
|
|
|
- <view class="p-b-20 b-b-F9F9F9 mb-18">
|
|
|
- <view class="fs-26 fc-3 mb-10">
|
|
|
- {{shopInfo.city_name || ''}} {{shopInfo.address || ''}}
|
|
|
+ <view class="p-b-20 b-b-F9F9F9">
|
|
|
+ <view class="align-items-center mb-10">
|
|
|
+ <view class="fs-26 fc-3 mr-8">
|
|
|
+ {{shopInfo.city_name || ''}} {{shopInfo.address || ''}}
|
|
|
+ </view>
|
|
|
+ <image src="@/static/img/order/fz.png" mode="" class="fz-icon"
|
|
|
+ @click="copy(shopInfo.city_name+shopInfo.address)"></image>
|
|
|
</view>
|
|
|
<view class="align-items-center">
|
|
|
<image class="dw mr-4" src="@/static/img/my/wz-two.png" mode=""></image>
|
|
|
@@ -44,6 +47,17 @@
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
+ <scroll-view class="uni-margin-wrap mb-18" scroll-x="true" v-if="shopInfo.shop_album.length>0">
|
|
|
+ <image v-for="(item,index) in shopInfo.shop_album" :src="item" mode="heightFix"
|
|
|
+ class="swiper-img mr-6" @click="lookImg(shopInfo.shop_album,index)"></image>
|
|
|
+ </scroll-view>
|
|
|
+ <!-- <view class="uni-margin-wrap mb-18" v-if="shopInfo.shop_album.length>0">
|
|
|
+ <swiper class="swiper" :circular='true' :autoplay="true" :interval="3000" :duration="500">
|
|
|
+ <swiper-item v-for="(item,index) in shopInfo.shop_album">
|
|
|
+ <image :src="item" mode="aspectFit" class="swiper-img"></image>
|
|
|
+ </swiper-item>
|
|
|
+ </swiper>
|
|
|
+ </view> -->
|
|
|
<view class="align-items-center mb-18">
|
|
|
<view class="hr mr-8"></view>
|
|
|
<view class="fs-32 fw-600 fc-3 letter-spacing-6">
|
|
|
@@ -142,6 +156,20 @@
|
|
|
},
|
|
|
mounted() {},
|
|
|
methods: {
|
|
|
+ copy(value) {
|
|
|
+ uni.setClipboardData({
|
|
|
+ data: value,
|
|
|
+ success() {
|
|
|
+ tools.success('复制成功')
|
|
|
+ },
|
|
|
+ fail() {
|
|
|
+ tools.error("复制失败")
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ lookImg(list, index) {
|
|
|
+ tools.lookBigImg(index, list)
|
|
|
+ },
|
|
|
phoneBut(phone) {
|
|
|
uni.makePhoneCall({
|
|
|
phoneNumber: phone, // 电话号码
|
|
|
@@ -215,6 +243,17 @@
|
|
|
</script>
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
+ .fz-icon {
|
|
|
+ width: 30rpx;
|
|
|
+ height: 30rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .shop_logo {
|
|
|
+ width: 100rpx;
|
|
|
+ height: 100rpx;
|
|
|
+ border-radius: 20rpx;
|
|
|
+ }
|
|
|
+
|
|
|
.item-box {
|
|
|
margin-bottom: 20rpx;
|
|
|
}
|
|
|
@@ -293,6 +332,7 @@
|
|
|
.uni-margin-wrap {
|
|
|
width: 100%;
|
|
|
border-radius: 20rpx;
|
|
|
+ white-space: nowrap;
|
|
|
// position: absolute;
|
|
|
// left: 0;
|
|
|
// top: 0;
|
|
|
@@ -304,9 +344,17 @@
|
|
|
}
|
|
|
|
|
|
.swiper-img {
|
|
|
- width: 100%;
|
|
|
- height: 200rpx;
|
|
|
- border-radius: 20rpx;
|
|
|
+ width: 25%;
|
|
|
+ height: 230rpx;
|
|
|
+ display: inline-block;
|
|
|
+ }
|
|
|
+
|
|
|
+ .swiper-img:first-child {
|
|
|
+ border-radius: 20rpx 0 0 20rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .swiper-img:last-child {
|
|
|
+ border-radius: 0 20rpx 20rpx 0;
|
|
|
}
|
|
|
|
|
|
.swiper-item {
|
