uniapp条件编译使用教学(#ifdef、#ifndef)

1. #ifdef //仅在xxx平台使用
2. #ifndef //除了在xxx平台使用
3. #endif // 结束

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

这个条件编译可以在js，css，html中使用，不过使用时需要注释掉，比如

html

<!-- #ifdef MP -->
<slot name="{{item.dataIndex}}" :text="data[item.dataIndex]" :record="data" :index="dataIndex"/>
<!-- #endif -->
<!-- #ifndef MP -->
<slot :name="item.dataIndex" :text="data[item.dataIndex]" :record="data" :index="dataIndex"/>
<!-- #endif -->

js

// #ifdef H5
this.getBlob(data.url).then((blob) => {this.saveAs(blob, data.name);
});
// #endif
// #ifdef APP-PLUS
this.appDownloadFile(data)
// #endif

css

/* #ifdef MP-ALIPAY */
.cu-custom .cu-bar .action .cuIcon-back {opacity: 0;
}/* #endif */.cu-custom .cu-bar .content image {height: 60upx;width: 240upx;
}.cu-custom .cu-bar {min-height: 0px;/* #ifdef MP-WEIXIN */padding-right: 220upx;/* #endif *//* #ifdef MP-ALIPAY */padding-right: 150upx;/* #endif */box-shadow: 0upx 0upx 0upx;z-index: 9999;
}