商家名片

src/App.vue

@@ -4,7 +4,7 @@
  * @Author: dream
  * @Date: 2021-03-25 15:13:56
  * @LastEditors: dream
- * @LastEditTime: 2021-03-28 10:54:41
+ * @LastEditTime: 2021-03-30 10:25:34
 -->
 <script>
 export default {
@@ -40,5 +40,8 @@ export default {
     /deep/ .input-placeholder {
       color: $iph-placeholder-color;
     }
+    /deep/ u-line {
+      flex: none;
+    }
   }
 </style>

src/components/iphFixedBottom.vue

@@ -4,7 +4,7 @@
  * @Author: dream
  * @Date: 2021-03-29 18:07:15
  * @LastEditors: dream
- * @LastEditTime: 2021-03-29 19:51:03
+ * @LastEditTime: 2021-03-30 09:58:15
 -->
 <template>
 	<view class="iph-fixed-bottom-main">
@@ -24,7 +24,6 @@ export default {
       view.fields({
         size: true
       }, data => {
-        console.log(data.height)
         this.$emit('getHeight', data.height)
       }).exec()
     }

src/pageSubs/goods/businessCard.vue

@@ -0,0 +1,100 @@
+<!--
+ * @Descripttion: 商家信息
+ * @version: 1.0.0
+ * @Author: dream
+ * @Date: 2021-03-26 13:55:49
+ * @LastEditors: dream
+ * @LastEditTime: 2021-03-30 10:57:47
+-->
+<template>
+	<view class="business-card-main">
+    <view class="shop-info iph-bg-fff">
+      <view class="shop-name u-font-32 u-line-44">LCW旗舰店</view>
+      <view class="info-line u-flex u-col-top">
+        <view class="info-label">简介：</view>
+        <view class="u-flex-1">暂无</view>
+      </view>
+      <view class="info-line u-flex">
+        <view class="info-label">联系电话：</view>
+        <view class="u-flex-1">13777211221</view>
+        <u-line direction="col" margin="8rpx 24rpx" color="#C3C4C6" length="20rpx" />
+        <view class="call-business-phone">拨打</view>
+      </view>
+      <view class="info-line u-flex u-col-top">
+        <view class="info-label">地址：</view>
+        <view class="u-flex-1">浙江省杭州市滨江区德邦电子3幢</view>
+      </view>
+    </view>
+    <view class="shop-license iph-bg-fff">
+      <view class="license-title u-font-32 u-line-44">营业执照</view>
+      <view class="license-list u-m-t-24">
+        <image class="license-img" mode="aspectFill" src="https://static.asus.com.cn/store/album/images/DA4YJ02TOG1U1C/17362697525498.jpg" />
+        <image class="license-img" mode="aspectFill" src="https://static.asus.com.cn/store/album/images/DA4YJ02TOG1U1C/16372351529949.jpg" />
+      </view>
+    </view>
+  </view>
+</template>
+
+<script>
+export default {
+  name: 'businessCard',
+  data () {
+    return {
+
+    }
+  },
+  onLoad () {
+
+  },
+  methods: {
+
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.business-card-main {
+  padding-top: 24px;
+  .shop-info {
+    margin: 0 24px;
+    padding: 32px;
+    border-radius: 16px;
+    .shop-name {
+      font-weight: 500;
+    }
+    .info-line {
+      margin-top: 32px;
+      .info-label {
+        width: 130px;
+        color: $iph-desc-text;
+      }
+      .call-business-phone {
+        color: $u-type-primary;
+      }
+    }
+  }
+  .shop-license {
+    margin: 24px 24px 0;
+    padding: 32px 32px 16px;
+    border-radius: 16px;
+    .license-title {
+      font-weight: 500;
+    }
+    .license-list {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      flex-wrap: wrap;
+      font-size: 0;
+      .license-img {
+        box-sizing: border-box;
+        margin-bottom: 16px;
+        width: 312px;
+        height: 216px;
+        font-size: 0;
+        border-radius: 12px;
+      }
+    }
+  }
+}
+</style>

src/pageSubs/goods/detail.vue

@@ -4,7 +4,7 @@
  * @Author: dream
  * @Date: 2021-03-26 13:48:37
  * @LastEditors: dream
- * @LastEditTime: 2021-03-29 19:55:19
+ * @LastEditTime: 2021-03-30 10:16:09
 -->
 <template>
 	<view class="good-detail-main" :style="{ paddingBottom: `${pagePaddingBottom}px`}">
@@ -54,7 +54,7 @@
     <view class="good-block u-m-t-16 iph-bg-fff">
       <view class="u-flex u-row-between">
         <view class="block-title">商家信息</view>
-        <view class="block-more">查看更多</view>
+        <view class="block-more" @click="toBusinessCard">查看更多</view>
       </view>
       <view class="block-line">
         <view class="block-label">商家名称：</view>
@@ -81,9 +81,12 @@
       </view>
       <view class="block-tip">注：此说明仅出现价格比较时有效，最终解释权由趣订所有</view>
     </view>
-    <iph-fixed-bottom @getHeight="getFooterHeight">
+    <iph-fixed-bottom ref="footer" @getHeight="getFooterHeight">
       <view class="good-detail-footer u-flex iph-bg-fff">
-        <view class="icon iph-icon-shopcat"></view>
+        <view class="u-rela">
+          <view class="icon iph-icon-shopcat"></view>
+          <u-badge :count="1" overflow-count="99" :offset="[0, -8]" bgColor="#FE5128" ></u-badge>
+        </view>
         <view class="footer-price u-m-l-24 u-flex u-flex-1">
           <view class="u-font-22 u-m-r-4 u-line-32">¥</view>
           <view class="u-font-36 u-ling-50">0</view>
@@ -101,6 +104,7 @@ export default {
   name: 'goodsDetail',
   data () {
     return {
+      isShow: true,
       pagePaddingBottom: 0,
       detail: {
         img: 'https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=288400877,2749955263&fm=26&gp=0.jpg'
@@ -110,6 +114,11 @@ export default {
   methods: {
     getFooterHeight (val) {
       this.pagePaddingBottom = val + 8
+    },
+    toBusinessCard () {
+      uni.navigateTo({
+        url: './businessCard'
+      })
     }
   }
 }

src/pageSubs/goods/merchantsInfo.vue

@@ -1,32 +0,0 @@
-<!--
- * @Descripttion: 商家信息
- * @version: 1.0.0
- * @Author: dream
- * @Date: 2021-03-26 13:55:49
- * @LastEditors: dream
- * @LastEditTime: 2021-03-26 13:56:18
--->
-<template>
-	<view>merchantsInfo</view>
-</template>
-
-<script>
-export default {
-  name: 'merchantsInfo',
-  data () {
-    return {
-
-    }
-  },
-  onLoad () {
-
-  },
-  methods: {
-
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-
-</style>

src/pages.json

@@ -26,7 +26,7 @@
 				"navigationBarTitleText": "商品详情"
 			}
     }, {
-			"path": "merchantsInfo",
+			"path": "businessCard",
 			"style": {
 				"navigationBarTitleText": "商家名片"
 			}