您的当前位置:首页正文

小程序iPhoneX兼容及分享到群或者人

2024-11-25 来源:个人技术集锦

1、iphoneX 兼容


在tabbar组件的生命周期内判断,设置吸底的间距

   attached(){
        let that = this;
        wx.getSystemInfo({
            success: res=>{
            console.log('手机信息res'+res.model)
            let modelmes = res.model;
                if (modelmes.search('iPhone X') != -1) {
                     console.log('设置padding')
                    that.setData({
                        btnBottom:'34px'
                    })
                }
            }
        })
    },

html 填充一个空盒子
.full{
    width: 100%;
    height: 34px;
    position: fixed;
    bottom: 0;
    background-color: #FFF;
}

<view wx:if={{btnBottom}} class="full"></view>

2、分享到群或者人

按钮分享。
 <button class="invite" hover-class="none" open-type="share">邀请打卡</button>

onShareAppMessage:function(res) {
        wx.showShareMenu({ withShareTicket: true }); // 群
        if (res.from === 'button') {
        // 来自页面内转发按钮
             console.log(res.target);
        }
        return {
            title: `ghjk`,
            path: `ghj` ,// 分享后打开的页面
            imageUrl:''
            desc:'asdfgh'
        };
    },

 

显示全文