uniapp杂记

1、uni.showModal的使用

uni.showModal({
    title:'',
    content:'',
    success(res){
        if(res.confirm){
            console.log('点击确定按钮')
        } else if(res.cancel){
            console.log('点击取消按钮')
    }
}
})

使用场景：

弹出框可选择确定或者取消

选择确定，即可在 res.confirm 中执行所需代码，

选择取消即取消当前操作。

2、uniapp中的#ifdef #ifndef #endif 的用处（条件编译）

作用：处理兼容多端平台

#ifdef	仅在某个平台上使用
#ifndef	在除了这个平台的其他平台上使用（非此平台使用）
#endif	结束条件编译
%PLATFORM%	需要编译的平台，上面的MP就是各个小程序的意思

平台标识的意思

标识	平台
APP-PLUS	5+App
MP	微信小程序/支付宝小程序/百度小程序/头条小程序/QQ小程序
MP-WEIXIN	微信小程序
MP-ALIPAY	支付宝小程序
MP-BAIDU	百度小程序
MP-TOUTIAO	头条小程序
MP-QQ	QQ小程序
H5	H5
APP-PLUS-NVUE	5+App nvue

示例：只在微信小程序上编译的某段代码

// #ifdef MP-WEIXIN
代码内容
// #endif

条件编译是利用注释实现的，在不同语法里注释写法不同，JavaScript使用//注释、CSS使用/**/

仅在App下出现

// #ifdef APP-PLUS
代码内容
// #endif

不会在H5平台出现

// #ifndef H5
代码内容
// #endif

除了支持单个平台的条件编译外，还支持多平台同时编译，使用||（或）来分割平台名称，

会在App和H5平台上出现

// #ifdef APP-PLUS || H5
代码内容
// #endif

猜你喜欢