区分标识 写法:以 #ifdef 或 #ifndef 加 %PLATFORM% 开头,以 #endif 结尾。
#ifdef:if defined 仅在某平台存在 #ifndef:if not defined 除了某平台均存在 %PLATFORM%:平台名称 此方法支持文件有
.vue (模板里使用
) .js (使用// 注释) .css (使用 /* 注释 */) pages.json (使用// 注释) 各预编译语言文件,如:.scss、.less、.stylus、.ts、.pug (使用 /注释/) js文件示例 APP端
/*#ifdef APP-PLUS*/
console.log('APP端')
/*#endif*/
H5端 /#ifdef H5/ console.log(‘H5端’) /#endif/
微信小程序 /#ifdef MP-WEIXIN/ console.log(‘微信小程序端’) /#endif/
H5端及APP端
/*#ifdef APP-PLUS || H5*/
console.log('H5端及APP端')
/*#endif*/
非H5端 /#ifndef H5/ console.log(‘非H5端’) /#endif/ vue文件示例 APP端
H5端
H5端
微信小程序
微信小程序端
css文件示例 APP端
/*#ifdef APP-PLUS*/
top:0;
/*#endif*/
H5端 /#ifdef H5/ top:88rpx; /#endif/
微信小程序 /#ifdef MP-WEIXIN/ top:0; /#endif/ %PLATFORM% 可取值如下:
值 生效条件 VUE3 HBuilderX 3.2.0+ 详情 APP-PLUS App APP-PLUS-NVUE或APP-NVUE App nvue 页面 APP-ANDROID App Android 平台 仅限 uts文件 APP-IOS App iOS 平台 仅限 uts文件 H5 H5 MP-WEIXIN 微信小程序 MP-ALIPAY 支付宝小程序 MP-BAIDU 百度小程序 MP-TOUTIAO 抖音小程序 MP-LARK 飞书小程序 MP-QQ QQ小程序 MP-KUAISHOU 快手小程序 MP-JD 京东小程序 MP-360 360小程序 MP 微信小程序/支付宝小程序/百度小程序/抖音小程序/飞书小程序/QQ小程序/360小程序 QUICKAPP-WEBVIEW 快应用通用(包含联盟、华为) QUICKAPP-WEBVIEW-UNION 快应用联盟 QUICKAPP-WEBVIEW-HUAWEI 快应用华为
参考链接
大家都在找:
uni-app:uni-app插件市场
微信小程序:微信小程序怎么制作自己的程序
小程序:小程序怎么开发自己的小程序
发表评论