美文网首页
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入门到实战总结(上)

    第2章 uni-app 基础 2-1 回顾小程序 2-3 uni-app 核心知识点概览 条件编译写法说明#ifd...

  • uni-app框架介绍

    uni-app框架介绍 介绍 uni-app 是一个跨端开发框架,一套代码运行多个平台,并可以使用条件编译实现不同...

  • 如何在uni-app中使用native.js

    开启自定义组件模式 需写在app端条件编译里:uni-app在app侧,本质是全是5+引擎,5+引擎包括了html...

  • uni-app 创建

    创建 uni-app 有两种方式 快速搭建 uni-app 使用编译器HbuilderX 创建 使用 vue-cl...

  • uni-app 项目支持 vue 3.0 介绍,及升级指南

    简介 HBuilderX 3.3.0+ 更新uni-app编译器,支持基于 Vite 编译到小程序平台。 至此,u...

  • uni-app简介

    环境搭建 页面外观配置 数据绑定 uni-app的生命周期 组件的使用 条件注释跨端兼容 uni-app的事件 导...

  • 条件编译

    与 if 语句区别: 条件编译在编译之前执行,符合条件的才会被编译执行 if 语句在编译的时候都会被编译,但是只要...

  • 条件编译

    在 C 系语言中,可以使用 #if 或者 #ifdef 之类的编译条件分支来控制哪些代码需要编译,而哪些代码不需要...

  • 条件编译

    // C 系语言中,可以是用 #if 或者 #ifdef 之类的编译条件分支来控制那些代码需要编。/*#if#el...

  • 条件编译

    实际中遇到了问题, 查询后发现此处使用条件编译 即可通过定义USE_HORIZONTAL 的值来执行条件选择 条件...

网友评论

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

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