美文网首页
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多终端开发趟坑小计

    前沿 最近一直再那dcloud-uniapp开发多终端项目,现在的dcloud-uniapp越来越强大了,支持多终...

  • uni-app开发多终端项目公共样式库

    前沿 使用D-Cloud,uni-App开发多终端app,h5,小程序,可以满足一套代码多端适配,再开发过程中,小...

  • uni-app开发踩坑集合(会持续更新)

    uni-app官网指路 uni-app开发中的坑 1.无法覆盖uni-app提供的组件的样式 直接重写样式会发现并...

  • mpvue坑点记录

    在入坑小程序的日志中,原生开发,wepay开发,mpvue开发,tato开发还是uni-app,其实框架还是因人而...

  • uni-app 入坑指南

    现在使用 uni-app 来开发的人越来越多。是不是许多同学,准备入坑 uni-app,却无从下手?文档内容太多,...

  • uni-app跨端兼容之条件编译(个人笔记)

    uni-app 已将常用的组件、JS API 封装到框架中,开发者按照 uni-app 规范开发即可保证多平台兼容...

  • uni-app开发笔记_01

    这两个月接触了uni-app的项目,作为纯iOS开发接触uni-app一段时间后,uni给笔者的感觉就是坑,那...

  • uni-app 之登录页面

    学习了一周多uni-app,上一周主要是开发原生插件给uni-app调用。本周开始学习怎么使用uni-app写页面...

  • uni-app开发微信小程序 一

    uni-app开发微信小程序 1. 配置开发环境 uni-app基于Hbuilder、微信开发者工具开发下载链接:...

  • 移动开发趟坑记录

    手上有个项目,里面包含了微信开发的一些内容,其中有一个很简单的用户注册页面,即:输入手机号 -> 获取验证码 ->...

网友评论

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

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