upx

news/2024/10/30 15:34:22/

uni-app 使用 upx 作为默认尺寸单位, upx 是相对于基准宽度的单位,可以根据屏幕宽度进行自适应。uni-app 规定屏幕基准宽度750upx。

开发者可以通过设计稿基准宽度计算页面元素 upx 值,设计稿 1px 与框架样式 1upx 转换公式如下:

设计稿 1px / 设计稿基准宽度 = 框架样式 1upx / 750upx

举例说明:

  1. 若设计稿宽度为 640px,元素 A 在设计稿上的宽度为 100px,那么元素 A 在 uni-app 里面的宽度应该设为750 * 100 / 640,结果为:117upx
  2. 若设计稿宽度为 375px,元素 B 在设计稿上的宽度为 200px,那么元素 B 在 uni-app 里面的宽度应该设为750 * 200 / 375结果为:400upx


1、动态绑定的 style 不支持直接使用 upx

<!-- - 静态upx赋值生效 -->
<view class="test" style="width:200upx"></view>
<!-- - 动态绑定不生效 -->
<view class="test" :style="{width:winWidth + 'upx;'}"></view>

  

2、使用 uni.upx2px(Number) 转换为 px 后再赋值。

<template><view><view  :style="{width: h_Width}"></view></view>
</template><script>export default {computed: {h_Width() {return uni.upx2px(750 / 2) + 'px';}}}
</script>

 

转载于:https://www.cnblogs.com/liruoruo/p/10510416.html


http://www.ppmy.cn/news/523580.html

相关文章

单片机制作极简易防盗系统

运用C51单片机制作一个极简易的防盗系统。用到的硬件有&#xff1a;振动传感器模块 、继电器模块 、高功率喇叭 、433M无线发射接收模块 、还有杜邦线。 #include "reg52.h" #include "intrins.h" #define Alarm_ON 1 #define Alarm_OFF 0 sbit switcher …

RFID珠宝防盗系统

RFID珠宝防盗系统 为了更大程度上减小因珠宝丢失而造成的损失&#xff0c;我们需要精准监控每个珠宝的位置&#xff0c;对它们进行防盗管理。在本系统中&#xff0c;RFID电子标签具有唯一的ID号&#xff0c;因此将电子标签与珠宝个体一一对应后&#xff0c;通过对电子标签的识别…

安装防盗系统的重要性

今天&#xff0c;我们来探讨一下安装防盗系统的重要性吧。 在疫情期间&#xff0c;仍然有不入室盗窃的罪状发生。为了保障人身及财产的安全&#xff0c;安装防盗系统能够有效阻止入室盗窃&#xff0c;减少财物损失。 而以下有一些令你考虑会买及安装防盗系统的因素&#xff1…

家用防盗器防盗系统解决方案

家用防盗器是一种利用最新材料技术、最新信息技术、最新人工智能设计的家庭用途防盗电子设备。可以一定程度上有效阻吓非法入侵者从而保护人身与财产安全。要求让防盗器具备智慧、灵魂&#xff0c;使人与财产的安全保障突破时空限制。在性能上必须要在各种工况条件下的高可靠性…

防盗链

1.1 基础防盗链 基础防盗链主要是针对客户端请求过程中所携带的一些关键信息来验证请求的合法性&#xff0c; 比如客户端请求IP&#xff0c;请求URL中携带的referer。优点是规则简单&#xff0c;配置和使用都很方便&#xff0c;缺点是防盗链所依赖的验证信息很多都是可以伪造的…

图书馆防盗系统原理

有时候去学校的图书馆借书&#xff0c;借阅系统明明显示还有这本书&#xff0c;但是却找不到&#xff0c;一般情况就是书被盗了。这种问题有时让我也好抓狂&#xff0c;所以就研究了一下一般图书馆防盗系统的原理。 大家回忆一下大家的借书和还书的过程&#xff1a; 1.我们在借…

基于单片机的防盗门窗系统设计(#0451)

功能描述 本系统由两块板组成&#xff1a;主机板包括SC2272接收模块、数码管、人体检测/震动检测传感器、蜂鸣器、继电器&#xff1b;遥控板包括SC2262发送模块、控制按键。 1、采用51单片机作为主控芯片&#xff1b; 2、采用数码管显示系统工作状态&#xff1b; 3、采用热…

B45 - 基于STM32单片机的家庭防火防盗系统的设计

文章目录 设计要求实物人脸识别模块的调试传感器采集与显示 模块设计温湿度模块烟雾浓度MQ2GSM模块人脸识别模块语音报警模块 资源占用源程序主程序处理逻辑AD/DA转换检测烟雾浓度GSM-A6模块驱动HLK210人脸识别模块驱动DHT11模块驱动JQ8400语音模块驱动串口驱动 设计要求 本设…