一、#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模板网!