如何使用VUE uni-app条件编码和页面布局

这篇文章主要介绍“如何使用VUE uni-app条件编码和页面布局”，在日常操作中，相信很多人在如何使用VUE uni-app条件编码和页面布局问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答”如何使用VUE uni-app条件编码和页面布局”的疑惑有所帮助！接下来，请跟着小编一起来学习吧！

条件编译

条件编译是用特殊的注释作为标记，在编译时根据这些特殊的注释，将注释里面的代码编译到不同平台。

写法：以 #ifdef 或 #ifndef 加 %PLATFORM% 开头，以 #endif 结尾。

#ifdef：if defined 仅在某平台存在

#ifndef：if not defined 除了某平台均存在

%PLATFORM%：平台名称

页面布局

scss 规范，rpx 在iphone6/7/8 中 宽度为750，2rpx = 1px

<style lang="scss">
	@import "./news.css";//加载别的css文件
	.f1{
		font-size: 50rpx;
		.c3{
			background-color: red;
		}
	}
</style>

到此，关于“如何使用VUE uni-app条件编码和页面布局”的学习就结束了，希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习，快去试试吧！若想继续学习更多相关知识，请继续关注亿速云网站，小编会继续努力为大家带来更多实用的文章！