苹果小程序 uni-popup 弹出层显示底部弹框会有镂空
popup 苹果
h5正常
解决 在uni-popup 标签上加 :safe-area='false'
<view class="popup-content">
<view class="item" @click="telphone(phone[0])">
{{phone[0]}}
</view>
<view class="item" @click="telphone(phone[1])">
{{phone[1]}}
</view>
<view class="cancel" @click="cancelPhone">
取消
</view>
</view>
</uni-popup>
拨打电话
不需要区分安卓手机号了
let platform = uni.getSystemInfoSync().platform
switch (platform) {
case 'android':
uni.showActionSheet({
itemList: [phone, '呼叫'],
success: function(res) {
// console.log(res);
if (res.tapIndex == 1) {
plus.device.dial(phone, false)
}
},
complete: function(res) {
// console.log("安卓失败", res)
}
})
break;
case 'ios':
uni.makePhoneCall({
phoneNumber: phone
})
break;
default:
}
解决:
const telphone = (phone) => {
phone = phone.replace(/-/g, '');
window.location.href = 'tel://' + phone
}
uniapp uni-popup 打不开报undefined
<uni-popup ref="popup" :round="20" :safe-area='false'>
<view class="popup-content">
<view class="item" @click="telphone(phone[0])">
{{phone[0]}}
</view>
<view class="item" @click="telphone(phone[1])">
{{phone[1]}}
</view>
<view class="cancel" @click="cancelPhone">
取消
</view>
</view>
</uni-popup>
加nextTick
const openPhone = () => {
nextTick(() => {
if (popup.value) {
popup.value.open('bottom');
} else {
console.error('uni-popup 实例未定义');
}
});
}
uniapp "navigationStyle":"custom" H5需要导航 小程序不需要导航
还是会存在标题
设置了 "navigationStyle": "custom" H5是也没有的了
h5 可以自定义导航栏
如果是嵌套在其他小程序里面做跳转的 即使用了 "navigationStyle": "custom" 也是可以修改标题的
uni.setNavigationBarTitle({
title: '我的页面'
});