uni-app条件编译

2023-02-20  本文已影响0人  小李不小

条件编译是用特殊的注释作为标记,在编译时根据这些特殊的注释,将注释里面的代码编译到不同平台。

我要在不同的平台展示不同的内容,我们要怎么写呢
写法:
只在h5中展示

                    <!-- #ifdef H5 --> 
                            <view>h5</view>
                    <!-- #endif -->

结果


image.png

只在微信小程序中展示

        <!-- #ifdef MP-WEIXIN -->
                <view>微信小程序</view>
        <!-- #endif -->

结果


image.png

注意 css样式也可以的

想要兼容什么平台就写什么结尾就可以了
| APP-PLUS | App |
| APP-PLUS-NVUE或APP-NVUE | App nvue |
| H5 | H5 |
| MP-WEIXIN | 微信小程序 |
| MP-ALIPAY | 支付宝小程序 |
| MP-BAIDU | 百度小程序 |
| MP-TOUTIAO | 字节跳动小程序 |
| MP-QQ | QQ小程序 |
| MP-KUAISHOU | 快手小程序 |
| MP-360 | 360小程序 |
| MP | 微信小程序/支付宝小程序/百度小程序/字节跳动小程序/QQ小程序/360小程序 |
| QUICKAPP-WEBVIEW | 快应用通用(包含联盟、华为) |
| QUICKAPP-WEBVIEW-UNION | 快应用联盟 |
| QUICKAPP-WEBVIEW-HUAWEI | 快应用华为 |

上一篇下一篇

猜你喜欢

热点阅读