uni-app条件注释实现跨段兼容

uni-app条件注释实现跨段兼容

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

  写法：以 #ifdef 加平台标识 开头，以 #endif 结尾。

  平台标识

值	平台	参考文档
APP-PLUS	5+App	HTML5+ 规范
H5	H5
MP-WEIXIN	微信小程序	微信小程序
MP-ALIPAY	支付宝小程序	支付宝小程序
MP-BAIDU	百度小程序	百度小程序
MP-TOUTIAO	头条小程序	头条小程序
MP-QQ	QQ小程序	（目前仅cli版支持）
MP	微信小程序/支付宝小程序/百度小程序/头条小程序/QQ小程序

1.组件的条件注释

  代码示例：

		<!-- #ifdef H5 -->
			<view>
				h5能看到
			</view>
		<!-- #endif -->
		<!-- #ifdef MP-WEIXIN -->
			<view>
				微信小程序能看到
			</view>
		<!-- #endif -->
	</view>

  效果如下：

2.api的条件注释

  代码示例：

		onLoad() {
			// #ifdef H5
			console.log('h5页面')
			// #endif
			// #ifdef MP-WEIXIN
			console.log('微信小程序')
			// #endif
		}

  效果如下：

3.样式的条件注释

  代码示例：

	/* #ifdef MP-WEIXIN */
	view {
		height: 100rpx;
		background-color: green;
	}
	/* #endif */
	/* #ifdef H5 */
	view {
		height: 100rpx;
		background-color: blue;
	}
	/* #endif */

  效果如下：