一、#ifdef、#ifndef、 #endif三者的区别、
| 标识 | 作用 |
|---|---|
| #ifdef | 仅在某个平台上使用 |
| #ifndef | 在除了这个平台的其他平台上使用(非此平台使用） |
| #endif | 结束条件编译 |
二、平台标识
| 标识 | 平台 |
|---|---|
| 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 |
三、.用法
1.HTML
- APP端
<!-- #ifdef APP-PLUS --> <view> APP端 </view> <!-- #endif --> - H5端
<!-- #ifdef H5 --> <view> H5端 </view> <!-- #endif --> - 小程序
<!-- #ifdef MP --> <view> 小程序端 </view> <!-- #endif -->
2.js
- APP端
/*#ifdef APP-PLUS*/ console.log('APP端') /*#endif*/
- H5端
/*#ifdef H5*/ console.log('H5端') /*#endif*/ - 小程序
/*#ifdef MP*/ console.log('微信小程序端') /*#endif*/
3.css
- APP端
/*#ifdef APP-PLUS*/ top:10rpx; /*#endif*/ - H5端
/*#ifdef H5*/ top:10rpx; /*#endif*/ - 小程序
/*#ifdef MP*/ top:10rpx; /*#endif*/
文章来源地址https://www.toymoban.com/news/detail-851575.html
文章来源：https://www.toymoban.com/news/detail-851575.html
到了这里，关于uniapp 条件编译 APP 、 H5 、 小程序的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
