uni-app upx失效了

最近在uni-app使用vue3写项目时发现了一个upx失效了。无效代码<view class="pdx32 pdt32" style="height: 264upx;"><swiper indicator-dots autoplay><swiper-item><view><image src="/static/image/background

略略大魔王丶

3047人浏览 · 2022-05-09 18:31:39

略略大魔王丶 · 2022-05-09 18:31:39 发布

最近在uni-app使用vue3写项目时发现了一个upx失效了。

无效代码

<view class="pdx32 pdt32" style="height: 264upx;">
	<swiper indicator-dots autoplay>
		<swiper-item>
			<view>
				<image src="/static/image/background/banner-1.png" mode="aspectFill"></image>
			</view>
		</swiper-item>
	</swiper>
</view>

最终编译出来后upx竟然不会自动转换成rpx

解决办法

直接不用upx了直接换成rpx

<view class="pdx32 pdt32" style="height: 264rpx;">
	<swiper indicator-dots autoplay>
		<swiper-item>
			<view>
				<image src="/static/image/background/banner-1.png" mode="aspectFill"></image>
			</view>
		</swiper-item>
	</swiper>
</view>

Vue

前往低代码交流专区

更多推荐

Vue里echarts根据页面大小动态调整/自适应

Vue

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^