C端调整

 <!--components/userinfo/share.wxml-->
 <!--components/userinfo/share.wxml-->
 <block wx:if="{{!hasShare}}">
 <block wx:if="{{!hasShare}}">
-    <userinfo binduserinfo="userinfo" class="share-but-view" catchtap="catchtap">
+    <userinfo binduserinfo="userinfo" class="share-but-view" catchtap="catchtap" style="width: 100%;">
         <slot></slot>
         <slot></slot>
     </userinfo>
     </userinfo>
 </block>
 </block>

@@ -45,11 +45,13 @@ Page({
           seller_tel=[seller.phone];
           seller_tel=[seller.phone];
         }
         }
         seller.seller_tel=seller_tel
         seller.seller_tel=seller_tel
-        seller.distance=parseInt(seller.distance);
-        if(seller.distance>1000){
-          seller.distanceStr=(seller.distance/1000).toFixed(2)+'公里'
-        }else{
-          seller.distanceStr=seller.distance+'米';
+        if(seller.distance){
+          seller.distance=parseInt(seller.distance);
+          if(seller.distance>1000){
+            seller.distanceStr=(seller.distance/1000).toFixed(2)+'公里'
+          }else{
+            seller.distanceStr=seller.distance+'米';
+          }
         }
         }
         if(seller.envi_image.length<1){
         if(seller.envi_image.length<1){
           seller.envi_image=['http://qn.colorcun.com/custom/lite-online/image/def-banner.png']
           seller.envi_image=['http://qn.colorcun.com/custom/lite-online/image/def-banner.png']
@@ -106,7 +108,9 @@ Page({
    * 用户点击右上角分享
    * 用户点击右上角分享
    */
    */
   onShareAppMessage: function () {
   onShareAppMessage: function () {
-
+    return {
+      title:'请客订包间，就上一键订',
+    }
   },
   },
   reserve(){
   reserve(){
     let seller_tel=this.data.seller.seller_tel
     let seller_tel=this.data.seller.seller_tel
@@ -203,5 +207,8 @@ Page({
     this.setData({
     this.setData({
       pagesHeight:'500rpx'
       pagesHeight:'500rpx'
     })
     })
-  }
+  },
+  shareUserinfo(){
+    util.toast('授权成功，请继续分享','none');
+  },
 })
 })

@@ -5,6 +5,7 @@
   "usingComponents": {
   "usingComponents": {
     "formids":"/components/formids/formids",
     "formids":"/components/formids/formids",
     "userinfo":"/components/userinfo/userinfo",
     "userinfo":"/components/userinfo/userinfo",
+    "userinfo-share":"/components/userinfo/share",
     "stat":"/components/stat/stat",
     "stat":"/components/stat/stat",
     "as":"/components/actionSheet/index",
     "as":"/components/actionSheet/index",
     "nav":"/components/nav/nav",
     "nav":"/components/nav/nav",

@@ -73,7 +73,7 @@
                 <image src="http://qn.colorcun.com/custom/lite-online/image/%E5%AE%9A%E4%BD%8D.png"></image>
                 <image src="http://qn.colorcun.com/custom/lite-online/image/%E5%AE%9A%E4%BD%8D.png"></image>
                 <view>{{seller.real_address||seller.map_address}}</view>
                 <view>{{seller.real_address||seller.map_address}}</view>
             </view>
             </view>
-            <view class="addr-long">距您当前位置{{seller.distanceStr}}</view>
+            <view class="addr-long">{{seller.distanceStr?'距您当前位置'+seller.distanceStr:''}}</view>
         </view>
         </view>
     </view>
     </view>
     <view class="black20line"></view>
     <view class="black20line"></view>
@@ -140,6 +140,11 @@
             <view class="text">收藏</view>
             <view class="text">收藏</view>
         </userinfo>
         </userinfo>
     </view>
     </view>
+    <view class="reserve share flex-vc">
+        <userinfo-share class="flex-vc" style="width: 100%" binduserinfo="shareUserinfo">
+            <view class="text">分享</view>
+        </userinfo-share>
+    </view>
     <view class="reserve">
     <view class="reserve">
         <formids class="flex-vc" bindclick="reserve" id="reserve-button">
         <formids class="flex-vc" bindclick="reserve" id="reserve-button">
             <view class="text">电话预定</view>
             <view class="text">电话预定</view>

@@ -162,7 +162,7 @@
   background-color: #FFFFFF;
   background-color: #FFFFFF;
 }
 }
 .footer .left{
 .footer .left{
-  width: 50%;
+  width: 34%;
   height: 100%;
   height: 100%;
 }
 }
 .footer .left formids{
 .footer .left formids{
@@ -181,18 +181,22 @@
   margin-top: 8rpx;
   margin-top: 8rpx;
 }
 }
 .footer .follow{
 .footer .follow{
-  margin-left: 110rpx;
+  margin-left: 70rpx;
 }
 }
 .footer .reserve{
 .footer .reserve{
-  width: 50%;
+  width: 33%;
   height: 100%;
   height: 100%;
   background-color: #242320;
   background-color: #242320;
 }
 }
+.footer .reserve.share{
+  background-color: #C0A369;
+}
 .footer .reserve .text{
 .footer .reserve .text{
-  line-height: 42rpx;
-  height: 42rpx;
+  line-height: 100rpx;
+  height: 100rpx;
   font-size: 30rpx;
   font-size: 30rpx;
   color:#ffffff;
   color:#ffffff;
+  width: 100%;
 }
 }
 
 
 .baos{
 .baos{