uni-app 条件编译

素颜马尾好姑娘i 2023-07-04 14:28 1阅读 0赞

> 1.  条件编译 、跨端兼容（H5、App、微信、支付宝、百度、头条、QQ小程序）

platform.vue

<template>
    	<view>
    		
    		<view class="view-style">
    			<text>仅在H5编译</text>
    		</view>
    		
    		
    		<view class="view-style">
    			<text>仅在App(Android/IOS)编译</text>			
    		</view>
    		
    		
    		<view class="view-style">
    			<text>仅在小程序(微信/支付宝/百度/头条/QQ)编译</text>
    		</view>
    		
    		
    		<view class="view-style view-wx-style">
    			<text>仅在微信小程序编译</text>
    		</view>
    		
    	</view>
    </template>
    
    <script>
    	export default { 
    		data() { 
    			return { 
    				
    			}
    		},
    		onLoad() { 
    			// #ifdef H5
    			console.log('仅在H5编译')
    			// #endif
    			// #ifdef APP-PLUS
    			console.log('仅在App(Android/IOS)编译')
    			//#endif
    			// #ifdef MP
    			console.log('仅在小程序(微信/支付宝/百度/头条/QQ)编译')
    			// #endif
    			// #ifdef MP-WEIXIN
    			console.log('仅在微信小程序编译')
    			// #endif
    		},
    		methods: { 
    
    		}
    	}
    </script>
    
    <style>
    	.view-style { 
    		width: 750rpx;
    		height: 750rpx;
    		display: flex;
    		justify-content: center;
    		align-items: center;
    		/* #ifdef H5 */
    		background-color: #007AFF;
    		/* #endif */
    		/* #ifdef APP-PLUS */
    		background-color: #4CD964;
    		/* #endif */
    		/* #ifdef MP */
    		background-color: #F0AD4E;
    		/* #endif */
    		color: #FFFFFF;
    	}
    	.view-wx-style { 
    		/* #ifdef MP-WEIXIN */
    		background-color: #DD524D;
    		/* #endif */
    	}
    </style>

发表评论取消回复

表情：

评论列表（有 0 条评论，1人围观）

还没有评论，来说两句吧...

相关阅读

相关 15.uniapp条件编译跨端兼容

<template> <view>  <!--1. ifdef + 平台值(看文档查看更多

水深无声/ 2022年11月19日 01:11/ 0 赞/ 162 阅读

相关条件编译

示例代码一： if HAVE_GETRUSAGE struct rusage rusage; getru

￡神魔★判官ぃ/ 2022年09月24日 06:26/ 0 赞/ 153 阅读

相关 uniapp中的“条件编译”：#ifdef详细解释

uni-app的特性---一份代码，多平台运行。没错，就是一套代码，可以在android ios 各个小程序和h5上运行，因此为了代码简洁性引入的条件编译。 \ifdef

谁践踏了优雅/ 2022年09月04日 04:49/ 0 赞/ 290 阅读

相关条件编译

预处理过程扫描源代码，对其进行初步的转换，产生新的源代码提供给编译器。可见预处理过程先于编译器对源代码进行处理。在C 语言中，并没有任何内在的机制来完成如下一些功能：在编译

た入场券/ 2022年08月06日 14:18/ 0 赞/ 150 阅读

相关条件编译

1： \ifdef DEV …… \else …… \endif 2： \ifndef DEV ……. \else ……. \end

绝地灬酷狼/ 2022年07月20日 15:04/ 0 赞/ 183 阅读

相关 golang之条件编译

Go语言可以通过go/build包里定义的tags和命名约定来让Go的包可以运行不同的代码。标签编译在源代码里添加标注，通常称之为编译标签（build tag）。编

小灰灰/ 2022年05月30日 05:20/ 0 赞/ 254 阅读

相关 uniapp-条件编译安卓Android/苹果iOS

uniapp-条件编译安卓Android/苹果iOS //在全局common.js定义 module.exports = { is_iOS:

末蓝、/ 2021年09月13日 17:48/ 0 赞/ 653 阅读

相关 uniapp——条件编译跨端兼容

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

冷不防/ 2021年07月25日 21:48/ 0 赞/ 367 阅读

相关 uniapp - 条件编译跨端兼容

uniapp 条件编译，解决跨端兼容一. 写法二. 支持的文件三. 编译示例 1. template 组件中编译 2.

朴灿烈づ我的快乐病毒、/ 2021年07月25日 21:09/ 0 赞/ 489 阅读

相关 uniapp 条件编译跨平台执行

跨平台编译使得能让指定平台执行指定代码,其他平台不执行 html

你的名字/ 2021年07月24日 17:12/ 0 赞/ 491 阅读