常州城乡和住房建设厅网站长沙建站模板
一、#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*/