UNI-APP中条件注释实现跨段兼容、导航跳转和传参、组件创建使用和生命周期函数

最新推荐文章于 2024-01-09 14:10:33 发布

古雅学长

最新推荐文章于 2024-01-09 14:10:33 发布

阅读量840

点赞数

分类专栏： Uni-app 文章标签：前端

本文链接：https://blog.csdn.net/qq_46179813/article/details/125093607

版权

一、UNI-APP中条件注释实现跨段兼容

1、条件注释中相应平台所对应的参数

		①平台：5+APP 				值：APP-PLUS
		②平台：H5 					值：H5
		③平台：微信小程序 			值：MP-WEIXIN
		④平台：支付宝小程序 			值：MP-ALIPAY
		⑤平台：百度小程序 			值：MP-BAIDU
		⑥平台：头条小程序 			值：MP-BAIDU
		⑦平台：QQ小程序 				值：MP-QQ 目前仅cli支持
		⑧平台：微信小程序/支付宝小程序/百度小程序/头条小程序/QQ小程序 值：MP

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

	<!-- #ifdef H5 -->
		<view>我只希望在H5页面中显示</view>
	<!-- #endif -->
		
		<!-- #ifdef  MP-WEIXIN -->
			<view>我只希望在微信小程序页面中显示</view>
		<!-- #endif -->
		
		/* H5中的样式 */
		 /* #ifdef H5 */
		view {
   
			color: hotpink;
		}
		 /* #endif */
		
		
		/* 微信小程序中的样式 */
		/* #ifdef MP-WEIXIN */
		view {
   
			color: blue;
		}
		/* #endif */