uniapp条件编译
条件编译
条件编译是用特殊的注释作为标记，在编译时根据这些特殊的注释，将注释里面的代码编译到不同平台。
**写法：**以 #ifdef 或 #ifndef 加 %PLATFORM% 开头，以 #endif 结尾。
示例代码：
// An highlighted block
<template>
<view>
<!-- #ifdef H5 -->
<view>希望只在h5中看见</view>
<!-- #endif -->
<!-- #ifdef MP-WEIXIN-->
<view>希望只在微信小程序中看见</view>
<!-- #endif -->
<view>我是{{type}}平台</view>
</view>
</template>
<script>
export default {
data() {
return {
type：""
}
},
onLoad() {
this.getType()
},
methods: {
getType(){
// #ifdef APP-PLUS
this.type='APP'
// #endif
// #ifdef H5
this.type='H5'
// #endif
// #ifdef MP-WEIXIN
this.type='微信小程序'
// #endif
// #ifdef MP-ALIPAY
this.type='支付宝小程序'
// #endif
// #ifdef MP-BAIDU
this.type='百度小程序'
// #endif
// #ifdef MP-TOUTIAO
this.type='字节跳动小程序'
// #endif
// #ifdef MP-LARK
this.type='飞书小程序'
// #endif
// #ifdef MP-QQ
this.type='QQ小程序'
// #endif
// #ifdef MP-KUAISHOU
this.type='快手小程序'
// #endif
// #ifdef MP-JD
this.type='京东小程序'
// #endif
// #ifdef MP-360
this.type='360小程序'
// #endif
}
}
}
<script>
<style>
/*H5中的样式“/
/* #ifdef H5*/
view{
color:#000078;
}
/*#endif */
/*微信中的样式*/
/*#ifdef MP-WEIXIN */
view{
color:#dd5145;
}
/*#endif */
</style>
注意
Android 和 iOS 平台不支持通过条件编译来区分，如果需要区分 Android、iOS 平台，请通过调用 uni.getSystemInfo 来获取平台信息。支持ifios、ifAndroid代码块，可方便编写判断。
判断参考代码：文章来源：https://www.toymoban.com/news/detail-705305.html
uni.getSystemInfo({
success(res) {
if (res.osName == 'ios') {
console.log("我是ios", res)
} else {
console.log("我是安卓", res)
}
}
})
uniapp官网连接：https://uniapp.dcloud.net.cn/tutorial/platform.html文章来源地址https://www.toymoban.com/news/detail-705305.html
到了这里，关于uniapp条件编译区分ios、android、小程序、h5、app等的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
