当前位置: 首页 > news >正文

网站评论 设计陵川网站建设

网站评论 设计,陵川网站建设,广州番禺区好玩的景点,爱站网怎么用在 uniapp 中 一键转换单位 px 转 rpx Uni-app 官方转换位置利用【px2rpx】插件Ctrl S一键全部转换下载插件修改插件 Uni-app 官方转换位置 首先在App.vue中输入这个: uni.getSystemInfo({success(res) {console.log("屏幕宽度", res.screenWidth) //屏…

在 uniapp 中 一键转换单位 px 转 rpx

  • Uni-app 官方转换位置
  • 利用【px2rpx】插件`Ctrl + S`一键全部转换
    • 下载插件
    • 修改插件

Uni-app 官方转换位置

首先在App.vue中输入这个:

uni.getSystemInfo({success(res) {console.log("屏幕宽度", res.screenWidth) //屏幕宽度const myrpx = res.screenWidth / 750 * 1console.log("myrpx", myrpx);}
});

在这里插入图片描述

得到转换单位:

在这里插入图片描述

然后在偏好设置中设置:

在这里插入图片描述

但是需要注意的是,这个不是严格安装这个来计算的

例如我在figma中选择390宽度的画布,但是如果安装计算转换比例应该是:0.52,但是0.52是这个效果:

在这里插入图片描述

在这里插入图片描述

因此我调整比例为0.58,效果就好很多了

在这里插入图片描述

所以你把这个当作一个比例工具就好啦

利用【px2rpx】插件Ctrl + S一键全部转换

你可以下载这个插件,我看有很多人在这个插件底下问这个插件如何自己设定转换值,可以参考如下:

下载插件

px2rpx
在这里插入图片描述

注意,这个插件是在你Ctrl+s时才会给你自动将整个页面单位转换

修改插件

在这里插入图片描述

首先在package.json中修改模式显示名称:

在这里插入图片描述

然后再extension.js中修改单位数值转换规则

在这里插入图片描述

最后重启HbuildX,可以发现:

在这里插入图片描述

http://www.yayakq.cn/news/111593/

相关文章:

  • 长沙网站优化公司做ui设计用什么网站
  • 上海网站设计与网络服务提供者知道或者应当知道网络用户利用其网络
  • 网站开发的重难点品牌管理的三大要素
  • 网站 html 作用网页设计网站建设的书籍
  • 网站开发进度缓慢百度权重查询爱站网
  • 网站在线解压有教做翻糖的网站吗
  • 南通市交通建设处网站动漫设计培训机构哪里好
  • 域名备案完成了怎么建设网站南京新标特企业网站哪家广告做的
  • php用什么做网站服务器网站设计旅行社新闻内容
  • 网站建设策划报告电子商务简介
  • 淘宝网站建设步骤wordpress换网址图片打不开
  • wordpress评论积分株洲企业关键词优化最新报价
  • 如何做网络投票网站数码网站建设的规模与类别
  • 本地网站asp iis临沂网络网站建设
  • 协会网站建设计划房地产网站建设招商
  • 2017企业网站建设方案wordpress接口密码
  • 台州市环保局网站开发区怎么自己设计房子效果图
  • 珠海建站网站手机网站趋势
  • 网站建设属于什么税视频拍摄团队
  • 酒店网站建设的需求分析报告深圳市南山区住房和建设局官方网站
  • 南坪网站建设教育机构网站建设方案
  • 英国网站域名一级消防工程师考试难不难
  • 做问卷调查赚钱的网站好wordpress目录主题
  • vs网站开发 百度文库公众号代运营平台
  • 现在的网站开发方式北京pk10做号网站
  • 兰州建设厅网站如何建设自己的网站 知乎
  • 网站改版对用户的影响wordpress页面模板插件
  • 2020国内十大小说网站排名如何做博客网站
  • 湘潭做网站 去磐石网络东莞寮步华衍学校
  • 晋城商城网站开发设计常用开发工具