vant部署_记录mpvue+vant-weapp的使用(一):安装配置使用,引入vant-weapp

本文档记录了使用mpvue开发小程序时,集成vant-weapp组件库的过程。介绍了如何解决px转rpx的问题,以及 vant-weapp 的静态资源处理,确保其在小程序中正确适配。
摘要由CSDN通过智能技术生成

2020-8-7前来更新-------------------------------------------

放上成品,可以参考参考:

c606aa8842ea37186f56ac2962db28ba.png

之前用vue用的比较习惯,比较喜欢里面的组件式开发,能少写一些复用的代码,于是尝试一下美团的mpvue来开发小程序。

部署教程官网里面的就可以了。

然后,mpvue只是提供了代码编辑的框架而已,里面的组件之类需要第三方的组件库,我看到基本上用的vant-weapp的比较多,于是也打算尝试一下。want-weap支持小程序和app,这里要注意不要使用vant,要用vant-weapp

13e5a333abb5b34c6e97ed36dafc5ae8.png

"mpvue": "^2.0.0"

"vant-weapp": "^0.5.28"

"vuex": "^3.0.1"

这是我的各个模块的版本。

遇到第一个问题:小程序是使用rpx来适配的,px转rpx的问题

最新版本的mpvue是自带px2rpx的,所以css里面的px可以自动转化成rpx

<
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值