uniapp中条件编译快速入门

条件编译

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

• 用法：以 #ifdef或 #ifndef 加**％PLATFORM％**开头，以 #endif 结尾。

• #ifdef：如果已定义仅在某平台存在
• #ifndef：如果未定义除了某平台均存在
• ％PLATFORM％：平台名称

用法	说明
#ifdef APP-PLUS	只在App平台下 生效的代码
#ifndef H5	除了H5平台，其他平台均 生效的代码
#ifdef H5 || MP-WEIXIN	在H5平台或微信小程序平台 生效的代码

支持的文件

• .vue
• .js
• .css
• pages.json
• 各预编译语言文件，如：.scss，.less，.stylus，.ts，.pug

1.Vue / nvue-----------用法

Hml 使用方法：

<!-- 扫一扫 -->
<!-- #ifdef APP-PLUS || MP-WEIXIN -->
<view class="scan" @click="sean()">
	<image class="img_img" :src="$util.img('upload/uniapp/scan.png')" mode="aspectFit"></image>
</view>
<!-- #endif -->

2.js—用法

js 使用方法： //

// #ifndef APP-PLUS || MP-WEIXIN
"navigationStyle": "custom"
// #endif

3.CSS—用法

css 使用方法： /* */

/* #ifdef APP-PLUS || MP-WEIXIN  */
/deep/.iconIcon_search {
margin-right: 52rpx; 
}
/* #endif */

• 详细查看官网 https://uniapp.dcloud.io/platform?id=%e6%9d%a1%e4%bb%b6%e7%bc%96%e8%af%91