uniapp条件判断app,H5,微信小程序端

1.CSS里面判断不同的端

APP：APP端
 
            /*#ifdef APP-PLUS*/
            top:0;
            /*#endif*/
 
H5：H5端
            /*#ifdef H5*/
            top:88rpx;
            /*#endif*/
 
MP：小程序
            /*#ifdef MP*/
            top:0;
            /*#endif*/

2.JS里面判断不同的端

APP：APP端
 
            /*#ifdef APP-PLUS*/
            console.log('APP端')
            /*#endif*/
 
H5：H5端
            /*#ifdef H5*/
            console.log('H5端')
            /*#endif*/
 
MP：小程序
            /*#ifdef MP*/
            console.log('微信小程序端')
            /*#endif*/

3.在页面上判断不同的端

APP：APP端
 
            <!-- #ifdef APP-PLUS -->
            <view> APP端 </view>
            <!-- #endif -->
 
H5：H5端
            <!-- #ifdef H5 -->
            <view> H5端 </view>
            <!-- #endif -->
 
MP：小程序
           <!-- #ifdef MP -->
            <view> 小程序端 </view>
            <!-- #endif -->

条件：

           ifdef :  if  defined 正向条件，意思就是在xxx平台下才会编译生效

           ifndef : if not defined 反向条件，意思就是在xxx平台下不会生效，其他平台都生效

           endif : 结束标记，意味着条件结束

   平台：

           APP-PLUS        只会在app端环境下生效

           APP-PLUS-NVUE        只会在app nvue环境下生效

           H5        只会在H5环境下生效

           MP        微信小程序/支付宝小程序/百度小程序/头条小程序/QQ小程序

           MP-WEIXIN        只会在微信小程序环境下生效

           MP-ALIPAY        只会在支付宝小程序环境下生效

           MP-BAIDU         只会在百度小程序环境下生效

           MP-TOUTIAO        只会在字节跳动小程序环境下生效

           MP-360        只会在360小程序环境下生效

           MP-QQ          只会在QQ小程序环境下生效