uni-app条件编译

       %PLATFORM% 可取值如下：

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

 

API 的条件编译

// #ifdef  %PLATFORM%
平台特有的API实现
// #endif

 例：

onLoad() {
		_that = this;
		// #ifdef  MP-WEIXIN
		_that.text = '微信api';
		// #endif
		// #ifdef H5
		_that.text = 'H5api';
		// #endif
	},

 

组件的条件编译

平台特有的组件

  例：

样式的条件编译

/*  #ifdef  %PLATFORM%  */
平台特有样式
/*  #endif  */

  例：

 

完整dome

 如图：

 

pages.json 的条件编译

// #ifdef  %PLATFORM%
平台特有的API实现
// #endif

 例：

	"pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
	// #ifdef MP-WEIXIN
	{
		"path": "pages/login/index",
		"style": {
			"navigationBarTitleText": "登录"
		}
	},
	// #endif
		{
			"path": "pages/home/index",
			"style": {
				"navigationBarTitleText": "首页"
			}
		}, {
			"path": "pages/find/index",
			"style": {
				"navigationBarTitleText": "发现"
			}
		}, {
			"path": "pages/my/index",
			"style": {
				"navigationBarTitleText": "个人中心"
			}
		}
	],

图：