|
|
@@ -1,57 +1,34 @@
|
|
|
<template>
|
|
|
<view class="app-main app-content">
|
|
|
- <app-swiper :list="ad" @detail="adDetailFn" />
|
|
|
+ <app-swiper :list="ad" />
|
|
|
<view class="shop-wrap">
|
|
|
<view class="shop-tit">{{ shop.shopName }}</view>
|
|
|
<view>{{ shop.introduction }}</view>
|
|
|
</view>
|
|
|
<view class="list-content">
|
|
|
<tui-list-view class="tui-list-view">
|
|
|
- <tui-list-cell
|
|
|
- :lineLeft="false"
|
|
|
- :lineRight="false"
|
|
|
- padding="26upx 30upx 26upx 0"
|
|
|
- class="tui-list"
|
|
|
- >
|
|
|
+ <tui-list-cell :lineLeft="false" :lineRight="false" class="tui-list" >
|
|
|
<view class="list-wrap">
|
|
|
<view class="list-label">营业时间</view>
|
|
|
<view class="list-val">{{ shop.openTime || '' }}</view>
|
|
|
</view>
|
|
|
</tui-list-cell>
|
|
|
- <tui-list-cell
|
|
|
- @click="phoneCall"
|
|
|
- :lineLeft="false"
|
|
|
- :lineRight="false"
|
|
|
- padding="26upx 30upx 26upx 0"
|
|
|
- class="tui-list"
|
|
|
- >
|
|
|
+ <tui-list-cell @click="phoneCall" :lineLeft="false" :lineRight="false" class="tui-list" >
|
|
|
<view class="list-wrap">
|
|
|
<view class="list-label">联系电话</view>
|
|
|
<view class="list-val">{{ shop.mobile || '' }}</view>
|
|
|
</view>
|
|
|
<view class="list-icon">
|
|
|
- <i
|
|
|
- class="iconfont iconditu"
|
|
|
- style="font-size:36upx;"
|
|
|
- ></i>
|
|
|
+ <i class="iconfont iconditu" style="font-size:36upx;" ></i>
|
|
|
</view>
|
|
|
</tui-list-cell>
|
|
|
- <tui-list-cell
|
|
|
- @click="goNavBtn"
|
|
|
- :lineLeft="false"
|
|
|
- :lineRight="false"
|
|
|
- padding="26upx 30upx 26upx 0"
|
|
|
- class="tui-list"
|
|
|
- >
|
|
|
+ <tui-list-cell @click="goNavBtn" :lineLeft="false" :lineRight="false" class="tui-list" >
|
|
|
<view class="list-wrap">
|
|
|
<view class="list-label">门店地址</view>
|
|
|
<view class="list-val">{{ shop.fullAddress || '' }}</view>
|
|
|
</view>
|
|
|
<view class="list-icon">
|
|
|
- <i
|
|
|
- class="iconfont icondianhua"
|
|
|
- style="font-size:36upx;"
|
|
|
- ></i>
|
|
|
+ <i class="iconfont icondianhua" style="font-size:36upx;" ></i>
|
|
|
</view>
|
|
|
</tui-list-cell>
|
|
|
</tui-list-view>
|
|
|
@@ -60,7 +37,6 @@
|
|
|
<tab-bar :current="3" ></tab-bar>
|
|
|
</view>
|
|
|
</template>
|
|
|
-
|
|
|
<script>
|
|
|
import TuiListView from "@/components/plugin/list-view";
|
|
|
import TuiListCell from "@/components/plugin/list-cell";
|
|
|
@@ -70,9 +46,8 @@ import { getShopUser } from "@/utils/auth";
|
|
|
import { getShop } from "@/api/common";
|
|
|
import { share } from "@/mixins";
|
|
|
export default {
|
|
|
- name: "category",
|
|
|
+ name: "shop",
|
|
|
components: {
|
|
|
- // AppFooter,
|
|
|
AppSwiper,
|
|
|
TuiListView,
|
|
|
TuiListCell,
|
|
|
@@ -84,14 +59,12 @@ export default {
|
|
|
data: {},
|
|
|
ad: [],
|
|
|
shop: {},
|
|
|
- // 新人领券
|
|
|
newUserGift: {},
|
|
|
activeCoupon: false,
|
|
|
currentTabIndex: 3
|
|
|
};
|
|
|
},
|
|
|
- onLoad (option) {
|
|
|
- // this.init()
|
|
|
+ onLoad () {
|
|
|
},
|
|
|
onShow () {
|
|
|
uni.hideTabBar();
|
|
|
@@ -133,14 +106,6 @@ export default {
|
|
|
}
|
|
|
});
|
|
|
},
|
|
|
- // operate
|
|
|
- adDetailFn (item) {
|
|
|
- // #ifdef H5
|
|
|
- location.href = item.url;
|
|
|
- // #endif
|
|
|
- // #ifndef H5
|
|
|
- // #endif
|
|
|
- },
|
|
|
phoneCall () {
|
|
|
uni.makePhoneCall({
|
|
|
phoneNumber: this.shop.telephone
|
|
|
@@ -164,7 +129,6 @@ export default {
|
|
|
}
|
|
|
};
|
|
|
</script>
|
|
|
-
|
|
|
<style lang="scss" scoped>
|
|
|
.shop-wrap {
|
|
|
padding: 40upx 20upx;
|
|
|
@@ -172,7 +136,7 @@ export default {
|
|
|
background-color: #fff;
|
|
|
margin-bottom: 20upx;
|
|
|
.shop-tit {
|
|
|
- font-size: 38upx;
|
|
|
+ font-size: 38px;
|
|
|
color: #333;
|
|
|
font-weight: 600;
|
|
|
margin-bottom: 20upx;
|
|
|
@@ -183,8 +147,6 @@ export default {
|
|
|
.tui-list {
|
|
|
width: calc(100% - 20upx);
|
|
|
@include disFlex(center, space-between);
|
|
|
- // padding-left: 0 !important;
|
|
|
- margin-left: 20upx;
|
|
|
.list-wrap {
|
|
|
width: calc(100% - 40upx);
|
|
|
@include disFlex(center, flex-start);
|
|
|
@@ -192,7 +154,6 @@ export default {
|
|
|
.list-label {
|
|
|
width: 150upx;
|
|
|
color: #333;
|
|
|
- // margin-right: 40upx;
|
|
|
}
|
|
|
.list-val {
|
|
|
width: calc(100% - 150upx);
|
|
|
@@ -207,4 +168,4 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
-</style>
|
|
|
+</style>
|