uni app多终端开发趟坑小计

323 阅读1分钟

前沿


最近一直再那dcloud-uniapp开发多终端项目,现在的dcloud-uniapp越来越强大了,支持多终端,多个平台小程序,很不错,下边记录一下开发过程中遇到的坑,以方便自己后续开发。

第一个

为了兼容各大平台小程序,image不能使用下边的方式实现,而是要动态实现

不兼容的实现方案
<image :src="this.$baseUrl + 'renqi.webp'" mode="scaleToFill" class="Bai100"></image>
兼容的实现方案,这样写才能兼容小程序,否则小程序会报undefined
<image :src="chaozhituijian" mode="scaleToFill" class="Bai100"></image>
<script>
	export default {
		data() {
			return {
				chaozhituijian:this.$baseUrl + 'chaozhituijian.webp',
                      }
                }
            }
</script>

第二个

uni.showToast在小程序模拟器中下边字体的颜色为黑色,开始以为是bug后来真机测试时白色的,所以不要慌,不是bug

		uni.showToast({
					title: '授权窗口',
					mask: false,
					duration: 15000
				});