uni-app 条件编译

ゝ一纸荒年。 2022-10-10 01:49 166阅读 0赞

### ifdef 仅出现在XXx平台上 ###

#ifdef APP-PLUS
    需条件编译的代码
    #endif
    
    
    #ifdef MP-WEIXIN
    需条件编译的代码
    #endif
    
    
    #ifdef H5
    需条件编译的代码
    #endif
    
    
    
    #ifdef APP-PLUS || H5
    需条件编译的代码
    #endif

<view>
    		我只会出现在app上（真机）
    	</view>
    
    
    
    
    	<view>
    		我只会出现在小程序上
    	</view>
    
    
    
    
    	<view>
    		我只会出现在h5上
    	</view>

### 除了 H5 平台，其它平台均存在的代码 ###

#ifndef H5
    需条件编译的代码
    #endif

<view>
           除了H5平台,其他的平台都存在的哈
    </view>

在写条件编译时，需要注意的点。千万别忘记写
    这个是必须要有的。
    否者不能够产生条件编译

代码只有在支付宝小程序中才能够生效
    
    	<view class="demo">
    		我在支付宝中才有的
    	</view>
    
    
    //仅在支付宝小程序中生效 
    /* #ifdef MP-ALIPAY */
    .demo{
    	width: 200rpx;
    	height: 200rpx;
    	border-radius: 50%;
    	background: #1AAD19;
    	display: flex;
    	justify-content: center;
    	align-items: center;
    	color: #FFFFFF;
    	font-size: 30rpx;
    	padding: 10rpx;
    }
    /* #endif */

最后总结一下
    条件编译是利用注释实现的，在不同语法里注释写法不一样，
    js使用 // 注释、
    css 使用 /* 注释 */、
    vue/nvue 模板里使用 
    json文件使用 // 注释、