UNI-APP_uni-app中的#ifdef #ifndef #endif的用处,实现兼容多端平台_uniapp ifdef_小歪 | 前端的博客-程序员秘密

技术标签: # UNI-APP  css  前端  

一、#ifdef #ifndef #endif三者的意思

属性 作用
#ifdef 仅在某个平台上使用
#ifndef 在除了这个平台的其他平台上使用(非此平台使用)
#endif 结束条件编译

二、2.平台标识的意思

标识 平台
APP-PLUS 5+App
MP 微信小程序/支付宝小程序/百度小程序/头条小程序/QQ小程序
MP-WEIXIN 微信小程序
MP-ALIPAY 支付宝小程序
MP-BAIDU 百度小程序
MP-TOUTIAO 头条小程序
MP-QQ QQ小程序
H5 H5
APP-PLUS-NVUE 5+App nvue

在Hbuilder编辑器中输入#号会有相应提示
在这里插入图片描述

三、结合使用例子

例子1(仅在5+app平台上此代码生效)

/*
	js使用// html使用 <!-- -->
*/
<!-- #ifdef APP-PLUS -->
<view>仅在5+app平台上显示代码</view>
<!-- #endif -->

methods: {
    
	// #ifdef APP-PLUS
	click(){
    
		console.log('仅在5+app平台上生效的事件')
	},
	// #endif
}

例子2(非5+app平台上此代码生效)

/*
	js使用// html使用 <!-- -->
*/
<!-- #ifndef APP-PLUS -->
 <view>只要不是5+app平台上此代码会显示</view>
<!-- #endif -->

methods: {
    
	// #ifndef APP-PLUS
	click(){
    
		console.log('非5+app平台上生效的事件')
	},
	// #endif
}

css兼容

/* #ifdef H5 */
	height: calc(100vh - 44px);
/* #endif */
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/weixin_44599931/article/details/112462294

智能推荐

编程珠玑番外篇-6.高效能编程的七个好习惯_chayatou的博客-程序员秘密

原文:http://blog.youxu.info/2008/10/29/seven-habits-of-highly-effective-programmers/ 七条都是我这个不怎么高效能编程的人悟到的. 不权威, 不一定全对.  1. 使用工具帮你找 Bug, 而不是人工找. 工具包括用单元测试, assert语句, 代码测试容器. 人工指用 print 和 debugg

第七届ArcGIS暨ERDAS用户大会_dbwwl0501的博客-程序员秘密

收到了ArcGIS暨ERDAS用户大会的邀请,准备和主任还有其它同事一起参加,第一次参加这样的大型用户大会,十分期待。会议日程:标红的是我关注的内容,好象时间上有点冲突,只有到时再取舍了,这样的大会要是有类似ms web post的支持就好了。11月6日全体大会11月6日 国际会议中心第一会议厅(二层) ...

InnoDB的"auto_increment"指定值被重置问题_weixin_30408309的博客-程序员秘密

有时候新建的表需要对自增列指定初始值,但是有时候会出现明明指定过的初始值却被重置的现象。下面以一个小实验来说明这个问题:MySQL version:5.1.42 OS:redhat5.3无废话,建张表先:代码CREATETABLE`sbtest1`(`id`int(10)unsignedNOTNULLAUTO_INCREMENT,`k`int(10)unsigned...

vbox设置_普通网友的博客-程序员秘密

1.更改硬盘idvboxmanage internalcommands sethduuid "路径"删除,然后再ji

用递归函数实现十进制转换为十六进制输出_用递归将十进制转换为十六进制_baymin_dly的博客-程序员秘密

递归函数的定义,不应出现无终止的递归调用。而应定义为有限次数、有终止的递归调用函数。       对于一个问题,只要能够知道递归定义式,及边界条件(即递归终止的条件),就可以编写一个递归函数。#include #define BASE 16void tran (int n){if (n == 0)return;tran (n / BASE);if (n

PO系列之 使用XPI_INSPECTOR跟踪PO报错_SAP小白kenny的博客-程序员秘密

一前言PO(/PI)是SAP公司的一个中间件产品,用来辅助连接SAP系统与外围系统. (当然外围系统之间也可以使用PO).一般情况下,通过PO的消息监控器可以找到消息是否成功, 以及消息失败的具体错误信息,但是某些错误信息可能不足以分析错误的具体原因.因此SAP发布了一个组件 XPI_INSPECTOR 用于跟踪PO的处理过程,并记录详细日志信息,以便分析PO消息处理过程中的报错信息.本文主要介绍怎么使用XPI_INSPECTOR跟踪PO的消息的详细报错信息本文截图使用的例子是跟踪.

随便推点

学习如何学习_voice memos 如何使用_阿拉平平的小屋的博客-程序员秘密

 转载自https://kb.cnblogs.com/page/585734/  英文原文:Relearning to Learn 译/张健欣本文要点 阅读和理解是不够的,你还需要记住你学的内容。 进行主动阅读——你的大脑充分理解这些概念并将它变成你自己的东西。 放慢你的大脑,做有创意的笔记,而且反复阅读是没有用的,测验才有效。 经常反思你读过的东西并进行联想。 管理你的学...

gtest 简单实例_gtest 实例_chent86的博客-程序员秘密

#include <gtest/gtest.h> int fun1() { return 10;}class test : public ::testing::Test{public: int fun2() { return 1; };};TEST(fun1, test_fun) { EXPECT_EQ(10, fun1()); //单个函数的测试}TE

XCTF-MISC-新手区-gif_gif xctf_1stPeak的博客-程序员秘密

题目解题思路黑色图片为二进制1,白色图片为二进制0(1)python代码1注1:使用该代码需要安装PIL模块,PIL是Python平台事实上的图像处理标准库,支持多种格式,并提供强大的图形与图像处理功能。目前PIL的官方最新版本为1.1.7,支持的版本为python 2.5, 2.6, 2.7,并不支持python3,因此我们用pillow代替即可注2:该py代码需要在gif目录中运行from PIL import Imageseq1=""seq2=""for i in range(1

二叉树:层次遍历变形题目汇总_二叉树的遍历题目_代码拌饭饭更香的博客-程序员秘密

107. 二叉树的层序遍历 II将层序遍历数组paths反转下即可/** * Definition for a binary tree node. * struct TreeNode { * int val; * TreeNode *left; * TreeNode *right; * TreeNode(int x) : val(x), left(NULL), right(NULL) {} * }; */class Solution {public:

灵感、设计和优势——CKB-VM 诞生记(二)_NervosNetwork的博客-程序员秘密

Nervos 底层公链 CKB 的虚拟机(CKB-VM)是基于 RISC-V 打造的区块链虚拟机。在《CKB-VM 诞生前记》和《CKB-VM 诞生记(一)》中,我们介绍...