uni-app:template、js、css中判断平台(hbuilderx 3.6.18)

<template>
    <view style="">
        <view style="margin-top:30rpx; width:710rpx;margin-left: 20rpx; text-align: center;font-size: 50rpx;">
        <!--#ifdef H5-->
        <text class="title">我是h5平台</text>
        <!--#endif-->
        
        <!--#ifdef APP-PLUS-NVUE-->
        <text class="title">我是APP-PLUS-NVUE平台</text>
        <!--#endif-->
        
        <!--#ifdef MP-WEIXIN-->
        <text class="title">我是MP-WEIXIN平台</text>
        <!--#endif-->
        
        <text >js判断当前平台:{{platform}}</text>
        </view>
    </view>
</template>

<script>
    export default {
        data() {
            return {
                platform:"",
            }
        },
        onLoad(){
            console.log("onLoad:");
            this.getCurrentPlatform();
        },
        methods: {
            getCurrentPlatform(){
               let platform = ""

               //#ifdef APP-PLUS
               platform = 'APP-PLUS'
               //#endif

               //#ifdef APP-PLUS-NVUE
               platform = 'APP-PLUS-NVUE'
               //#endif

               //#ifdef H5
               platform = 'H5'
               //#endif

               //#ifdef MP-WEIXIN
               platform = 'MP-WEIXIN'
               //#endif
               
               console.log(platform);
               this.platform = platform;
               console.log("this.platform:"+this.platform);
            },
        }
    }
</script>

<style>
/* #ifdef H5 */
.title{
    color:#ff0000;
}
/* #endif */
/* #ifdef APP-PLUS-NVUE */
.title{
    color:#ff00ff;
}
/* #endif */
/* #ifdef MP-WEIXIN */
.title{
    color:#0000ff;
}
/* #endif */
</style>