uni-app 条件编译

条件编译可以使得我们在不同应用环境显示不同的信息。

使用方法是在view/js/css中使用注释。声明ifdef

比如在view中

<view>
        <!-- #ifdef H5-->
        <view>
            只在H5编译
        </view>
        <!-- #endif -->
        
        <!-- #ifdef APP-PLUS-->
        <view>
            只在ios/安卓编译
        </view>
        <!-- #endif -->
        
        <!-- #ifdef MP-->
        <view>
            只在小程序编译
        </view>
        <!-- #endif -->
        
        <!-- #ifdef MP-WEIXIN-->
        <view>
            只在微信小程序编译
        </view>
        <!-- #endif -->
        
        <!-- #ifndef H5-->
        <view>
            除了不在H5编译
        </view>
        <!-- #endif -->
    </view>

这里的H5/MP/MP-WEIXIN/APP-PLUS分别表示不同的运行环境。

 

同理在js中

//  #ifdef  H5
console.log("只能在H5显示")
//   #endif

 

css中

/*  #ifdef  H5 */
.color{
    background-color:white;
}
/*  #endif  */

 

需要注意

1.   #ifdef   表示在某平台上面定义,#ifndef  表示除了某平台,其他都显示

2. 前面的井号不要忘了  #

3.声明都是成双成对出现的,不要忘了最后的#endif

上一篇:H5接入微信公众号方法(超详细)


下一篇:Jquery 实现h5的autocomplete