|
|
@@ -3,22 +3,25 @@
|
|
|
<template>
|
|
|
<view class="container">
|
|
|
<!-- 商家信息-->
|
|
|
- <view class="store-card">
|
|
|
- <view class="info-top">
|
|
|
- <view class="left">
|
|
|
- <image class="storeImg" :src="merchantInfo.merchantLogo" mode="aspectFit"></image>
|
|
|
+ <view class="padding30">
|
|
|
+ <view class="store-card">
|
|
|
+ <view class="info-top">
|
|
|
+ <view class="left">
|
|
|
+ <image class="storeImg" :src="merchantInfo.merchantLogo" mode="aspectFit"></image>
|
|
|
+ </view>
|
|
|
+ <view class="center">
|
|
|
+ <view class="name">{{merchantInfo.merchantName}}</view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- <view class="center">
|
|
|
- <view class="name">{{merchantInfo.merchantName}}</view>
|
|
|
+ <view class="desc">{{merchantInfo.merchantDescribe}}</view>
|
|
|
+ <view class="tel" @click="makePhoneCall">
|
|
|
+ <image class="phone2 mr20" src="@/static/images/phone2.png"></image>
|
|
|
+ <text>联系电话:{{merchantInfo.merchantPhone}}</text>
|
|
|
+ <image class="phone fr" src="@/static/images/phone.png"></image>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="desc">{{merchantInfo.merchantDescribe}}</view>
|
|
|
- <view class="tel" @click="makePhoneCall">
|
|
|
- <image class="phone mr20" src="@/static/images/phone2.png" mode="widthFix"></image>
|
|
|
- <text>联系电话:{{merchantInfo.merchantPhone}}</text>
|
|
|
- <image class="phone fr" src="@/static/images/phone.png" mode="widthFix"></image>
|
|
|
- </view>
|
|
|
</view>
|
|
|
+
|
|
|
<!-- 商品-->
|
|
|
<up-tabs :list="tabList"
|
|
|
@click="tabChange"
|
|
|
@@ -37,7 +40,7 @@
|
|
|
transform: 'scale(1)'
|
|
|
}"></up-tabs>
|
|
|
<!-- 商品列表-->
|
|
|
- <view class="index-product-wrapper" v-if="tabActive == '0'">
|
|
|
+ <view class="index-product-wrapper padding30" v-if="tabActive == '0'">
|
|
|
<view
|
|
|
class="list-box animated"
|
|
|
:class="goodsList.length > 0 ? 'fadeIn on' : ''"
|
|
|
@@ -251,8 +254,8 @@ const goDetail = async (item) => {
|
|
|
</script>
|
|
|
<style scoped lang="scss">
|
|
|
.container{
|
|
|
- padding: 30rpx;
|
|
|
- box-sizing: border-box;
|
|
|
+ //padding: 30rpx;
|
|
|
+ //box-sizing: border-box;
|
|
|
}
|
|
|
.store-card{
|
|
|
background: #ffffff;
|
|
|
@@ -294,8 +297,13 @@ const goDetail = async (item) => {
|
|
|
font-size: 28rpx;
|
|
|
color:#333;
|
|
|
line-height: 40rpx;
|
|
|
+ .phone2{
|
|
|
+ width: 32rpx;
|
|
|
+ height: 32rpx;
|
|
|
+ }
|
|
|
.phone{
|
|
|
- width: 34rpx;
|
|
|
+ width: 40rpx;
|
|
|
+ height: 40rpx;
|
|
|
vertical-align: middle;
|
|
|
}
|
|
|
}
|