首页 资源列表 文章列表

‌uni-app中的ifdef是一种条件编译指令,用于根据不同的平台或环境编译不同的代码块。

‌uni-app中的ifdef是一种条件编译指令,用于根据不同的平台或环境编译不同的代码块。‌


使用方法

在uni-app中,ifdef用于指定在特定平台或环境下编译代码块。其基本语法如下:


#ifdef %PLATFORM%:如果当前平台是%PLATFORM%,则编译该代码块。

#ifndef %PLATFORM%:如果当前平台不是%PLATFORM%,则编译该代码块。

#endif:条件编译结束。

平台标识

uni-app支持多种平台标识,包括但不限于:


H5:网页端

MP-WEIXIN:微信小程序

MP-ALIPAY:支付宝小程序

MP-BAIDU:百度小程序

APP-PLUS:5+App

MP-TOUTIAO:头条小程序

QQ:QQ小程序

示例代码

以下是一些使用ifdef的示例代码:


html

Copy Code

<!-- 仅在H5环境下显示 -->

<view>H5</view> <!-- #ifdef H5 -->

<!-- 仅在微信小程序环境下显示 -->

<view>小程序</view> <!-- #ifdef MP-WEIXIN -->

<!-- 在非H5环境下显示 -->

<view class="else">除了h5都展示</view> <!-- #ifndef H5 -->

javascript

Copy Code

onLoad() {

 // #ifdef H5

 console.log('H5');

 // #endif

 // #ifdef MP-WEIXIN

 console.log('小程序');

 // #endif

}

css

Copy Code

/* #ifdef MP-ALIPAY */

.cu-custom .cu-bar .action .cuIcon-back { opacity: 0; } /* #endif */

.cu-custom .cu-bar .content image { height: 60upx; width: 240upx; } /* #i

0.125347s