uni-app多终端开发趟坑小计

前沿


最近一直再那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
                });
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容