uniapp HbuildX H5 小程序问题整理(持续更新)

514 阅读1分钟

苹果小程序 uni-popup 弹出层显示底部弹框会有镂空

popup 苹果

image.png

h5正常

image.png

解决 在uni-popup 标签上加 :safe-area='false'

image.png

			<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需要导航 小程序不需要导航

image.png

还是会存在标题 17c32965890c04117603d1c03b61501.jpg

设置了 "navigationStyle": "custom" H5是也没有的了

image.png

h5 可以自定义导航栏

如果是嵌套在其他小程序里面做跳转的 即使用了 "navigationStyle": "custom" 也是可以修改标题的

uni.setNavigationBarTitle({  
      title: '我的页面'  
});  

为什么不同意加报错在请求接口

image.png

Hbuildx 修改了一个标签 结束标签没有同步修改

image.png

H5 中的路由设置

image.png

image.png