uniapp ifdef编译不同的平台实例代码如下。

1、template view下。

<template>
<view>


<view>只在H5编译view>


        
<view>只在ios/安卓编译view>


        
<view>只在小程序(微信、支付宝、百度)进行编译view>


        
<view>只在微信小程序进行编译view>



        
<view>不在小程序全短编译，只在ios/安卓/h5编译view>


<view class="color">

view>

view>
template>

2、在js script中

<script>
export default {
data() {
return {

            };
        },
onLoad() {
// #ifdef H5
console.log("只在H5编译");
// #endif

            // #ifdef APP-PLUS
console.log("只在APP-PLUS编译");
// #endif

            // #ifdef MP
console.log("只在小程序(微信、支付宝、百度)进行编译");
// #endif

            // #ifdef MP-WEIXIN
console.log("只在微信小程序编译");
// #endif
}
    }
script>

3、在css 样式表style中

<style>

    .color {
/* #ifdef H5 */
background-color: #008000;
/* #endif */

        /* #ifdef APP-PLUS */
background-color: #FF0000;
/* #endif */

        /* #ifdef MP */
background-color: orange;
/* #endif */

width: 250upx;
height: 250upx;
    }

style>