前言：

　　uniapp支援多平臺，但遇到平臺差異的時候怎麼辦？這就需要條件編譯

正文：

　　1.元件（view類）的條件編譯　

    <!--  #ifdef  MP-WEIXIN -->
    　　<button>此程式碼僅在微信小程式平臺出現</button>
    <!--  #endif -->

    <!--  #ifndef H5 -->
        <button>此程式碼不會在H5平臺出現</button>
    <!--  #endif -->

    <!--
 
  #ifdef APP-PLUS || H5 -->
        <button>此程式碼會在App和H5平臺出現</button>
    <!--  #endif -->

　　2.樣式（css類）的條件編譯

/*  #ifdef  APP-PLUS  */
    /* 僅在app平臺顯示 */
    .abc{
        color:#fff;
    }
/*  #endif  */

　　3.api（js類）的條件編譯

        //  #ifdef  APP-PLUS
            console.log('此程式碼僅在App平臺顯示
 
');
        //  #endif

        //  #ifndef H5
            console.log("此程式碼不會在H5平臺顯示");
        //  #endif

        //  #ifdef APP-PLUS || H5
            console.log("此程式碼會在App平臺和H5平臺顯示");
        //  #endif

　　4.pages.json 的條件編譯

//  #ifdef  APP-PLUS
    {
        "path":"pages/index/index"
    }
//  #endif