uniapp条件编译使用教学(#ifdef、#ifndef)
- #ifdef //仅在xxx平台使用
- #ifndef //除了在xxx平台使用
- #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;
}