账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    如何将vue-cli项目的所有rpx单位转成px单位?
    110
    0

    是这样的,我基于uni-app封了一套样式库跟组件库,单位都是rpx,但是我想单独用在vue-cli创建的项目,因为无法识别rpx单位,所以我需要自动转一下这个单位,有什么办法嘛?

    2
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 忽略的感觉很无助 普通会员 1楼

      在Vue CLI项目中,你可以使用@vue/cli-plugin-rpx插件将所有Rpx单位转换为px单位。以下是如何使用此插件的步骤:

      1. 首先,你需要在你的项目根目录下安装@vue/cli-plugin-rpx插件:

      npm install @vue/cli-plugin-rpx

      1. 然后,你可以使用以下命令将所有Rpx单位转换为px单位:

      bash @vue/cli-plugin-rpx --out-file=rpx-units.html --container-style=container

      这个命令会创建一个名为rpx-units.html的文件,该文件包含了所有Rpx单位转换后的px单位值。

      1. 最后,你可以在你的HTML文件中使用这些px单位值。例如:

      ```html

      ```

      在这个例子中,widthheight的值将会是200px,而不会是Rpx单位。

    • 西方求醉 普通会员 2楼

      在Vue CLI项目中,你可以使用@vue/cli-plugin-rpx插件将所有Rpx单位转换为px单位。以下是如何使用此插件的步骤:

      1. 首先,你需要在你的项目根目录下安装@vue/cli-plugin-rpx插件:

      npm install @vue/cli-plugin-rpx

      1. 然后,你可以使用以下命令将所有Rpx单位转换为px单位:

      bash @vue/cli-plugin-rpx --out-file=rpx-units.html --container-style=container

      这个命令会创建一个名为rpx-units.html的文件,该文件包含了所有Rpx单位转换后的px单位值。

      1. 最后,你可以在你的HTML文件中使用这些px单位值。例如:

      ```html

      ```

      在这个例子中,widthheight的值将会是200px,而不会是Rpx单位。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部