小程序Vant组件如何将默认样式单位px转为rpx

技术小程序Vant组件如何将默认样式单位px转为rpx本篇内容介绍了“小程序Vant组件如何将默认样式单位px转为rpx”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处

本文介绍了“applet Vant组件如何将默认样式单元px更改为rpx”的知识。很多人在实际案例的操作中会遇到这样的困难。让边肖带领你学习如何处理这些情况。希望大家认真阅读,学点东西!

实现步骤

1.初始化并安装。

npminit////一路输入。

npminstall -生产

Npmi @ vant/weapp-s-production 2。在微信小程序开发工具中勾选npm。

3.在微信小程序开发工具中构建npm。

4.成功构建后,将出现miniprogram_npm文件夹。

5.安装npm包。

minstallglupall-postspostss-px2 units-save-dev6,在根目录中创建新的gulpfile.js文件。

var glaw=require(' glaw ');

varpostcss=require(' gull-postcss ');

varpxtounits=require(' postss-px2 units ');

gough . task(' CSS ',function(){ 0

return glaw . src([' mini program _ NPM/@ vant/weapp/* */*)。wxss'])。管道(postss([pxtounits({ 0

multiple:2,

targetUnits: ' rpx '

})]))。pipe(gout . dest(' mini program _ NPM/@ vant/weapp/');

});7.向package.json下面的脚本添加一个执行命令

脚本' :{

build ' : ' gulpcss ',

测试“:”回声“错误:未指定的“exit1”

},8.在命令行上执行。

Npmrunbuild9。查看转换后的wxss文件。

这里介绍“小程序Vant组件如何将默认样式单元px转换为rpx”的内容。感谢您的阅读。如果你想了解更多行业,关注网站,边肖将为大家输出更多高质量的实用文章!

内容来源网络,如有侵权,联系删除,本文地址:https://www.230890.com/zhan/55796.html

(0)

相关推荐

  • [笔记]数据存储与检索

    技术[笔记]数据存储与检索 [笔记]数据存储与检索数据存储与检索(数据密集型应用系统设计)如果你把东西整理得井井有条, 下次就不用查找了
    ? --- 德国谚语从最基本的

    礼包 2021年10月27日
  • 原理与分类是怎么样的

    技术原理与分类是怎么样的这期内容当中小编将会给大家带来有关原理与分类是怎么样的,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。储器类型有很多,常见的有ROM(Read-onlymemor

    攻略 2021年12月3日
  • Yocto之apt-get安装deb包环境如何搭建

    技术Yocto之apt-get安装deb包环境如何搭建这篇文章主要为大家展示了“Yocto之apt-get安装deb包环境如何搭建”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下

    攻略 2021年11月18日
  • swing入门到精通教程(怎么让程序用swing实现)

    技术怎么分析Swing体系结构今天就跟大家聊聊有关怎么分析Swing体系结构,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。Swing体系结构最初Smalltalk

    攻略 2021年12月18日
  • 灯笼的简单做法,小灯笼的手工DIY做法

    技术灯笼的简单做法,小灯笼的手工DIY做法1、首先要准备的工具有:彩纸、裁刀、钳子和一些铁丝,当然还有锥子或者是针,会被用来钻孔灯笼的简单做法。2、彩纸需要是两种不同颜色的,大小是7/4英寸*9英寸的。(这里单位是英寸,

    生活 2021年10月27日
  • 如何理解ASP.NET1.1升级到ASP.NET2.0的心得

    技术如何理解ASP.NET1.1升级到ASP.NET2.0的心得如何理解ASP.NET1.1升级到ASP.NET2.0的心得,针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到

    攻略 2021年11月26日