client: 详情底部适配

view/xcx/app.js

@@ -43,6 +43,13 @@ App({
       success: res => {
         //导航高度
         this.globalData.navHeight = res.statusBarHeight * (750 / res.windowWidth) + 97;
+
+        var model = res.model;
+        if (/iphone\sx/i.test(model) || (/iphone/i.test(model) && /unknown/.test(model))|| /iphone\s11/i.test(model)){
+            that.globalData.isFixed = true;
+        } else {
+            that.globalData.isFixed = false;
+        }
       }, fail(err) {}
     });
     const updateManager = wx.getUpdateManager();
@@ -85,7 +92,8 @@ App({
     expiresTime:0,
     MyMenus:[],
     userInfo:{},
-    loginType:'routine'
+    loginType:'routine',
+    isFixed: false,
   },
   /**
    * 聊天事件快捷注册

view/xcx/pages/goods_details/index.js

@@ -74,7 +74,8 @@ Page({
     height: 0,
     heightArr: [],
     lock: false,
-    scrollTop:0
+    scrollTop:0,
+    fixed: false,
   },
   returns: function () {
     wx.navigateBack();
@@ -306,7 +307,8 @@ Page({
   onLoad: function (options) {
     var that = this;
     this.setData({
-      navH: app.globalData.navHeight
+      navH: app.globalData.navHeight,
+      fixed: app.globalData.isFixed
     });
     //设置商品列表高度
     wx.getSystemInfo({

view/xcx/pages/goods_details/index.wxml

@@ -150,7 +150,7 @@
   </view>
   <view style='height:120rpx;'></view>
    </scroll-view>
-  <view class='footer acea-row row-between-wrapper'>
+  <view class='{{ fixed ? "fixed" : ""}} footer acea-row row-between-wrapper'>
     <button open-type="contact" hover-class='none' class='item ' send-message-title="{{storeInfo.store_name}}" send-message-img="{{storeInfo.image}}" send-message-path="/pages/goods_details/index?id={{storeInfo.id}}" show-message-card>
     <view class='iconfont icon-kefu'></view>
     <view>客服</view>

view/xcx/pages/goods_details/index.wxss

@@ -114,4 +114,6 @@ background-color:#fff;padding:8rpx 0;border-radius:0;margin:0;line-height:2;}
   border-radius: 22rpx;
   margin-left: 19rpx;
 }
-.mask{z-index:100!important;}
+.mask{z-index:100!important;}
+
+.fixed { height: 140rpx !important; padding-bottom: 40rpx !important; }