美文网首页
uni-app条件编译

uni-app条件编译

作者: 小李不小 | 来源:发表于2023-02-20 21:52 被阅读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 | 快应用华为 |

    相关文章

      网友评论

          本文标题:uni-app条件编译

          本文链接:https://www.haomeiwen.com/subject/spyviltx.html