美文网首页
uni-app多终端开发趟坑小计

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

作者: 郝艳峰Vip | 来源:发表于2019-01-02 15:10 被阅读0次

    前沿


    最近一直再那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
                    });
    

    相关文章

      网友评论

          本文标题:uni-app多终端开发趟坑小计

          本文链接:https://www.haomeiwen.com/subject/dkuzlqtx.html