微信小程序开发工具——引入vant组件库
打开微信开发者工具，点击 工具 - 构建 npm ，并勾选 使用 npm 模块 选项，构建完成后，到 全局配置 app.json 中注册引入组件，详见 快速上手 。
在回过头看，在微信小程序开发工具中会多一个文件package.json，在这里面就可以进行包的配置。
微信小程序组件 需要放在项目特殊文件夹 wxcomponents 。
：打开微信开发者工具，填写自己的appid和项目名称，选择不使用云服务，新建一个项目。
微信小程序开发引入vant没反应是服务器崩溃造成的。微信小程序有很多，一部分是服务器不稳定的，如果在某个时间段有大量的人使用微信小程序，可能就会直接导致服务器崩溃。这种情况就是服务器崩溃造成的。
vant 很多组件带自定义样式custom-class，方便使用者修改或者扩展。本文以vant-cell修改背景色为例，说明自定义属性的使用。
Vant移动端rem适配方案
1、手机端页面开发，使用vue，UI框架用vant，设计稿是750px，单位用rem vant是按照375px设计稿开发，为单位的，如果配置根字体大小为35，设计稿就无法还原，配置75，vant组件就变小了。
2、Vue +H5项目配置 rem 移动端适配。提示： 如果项目使用了第三方的UI组件库（文本以 VantUI 为例），而又不想让组件库的 px 转为 rem ，则需要安装 postcss-px2rem-exclude 。
3、body{font-size： 4rem；} /* 4 × 10px = 14px */ / 在根元素中定义了一个基本字体大小为65%（也就是10px。
4、开发移动端有一段时间了，目前移动端主流的适配方案依然是rem。由于rem适配以根元素字体大小为基准的单位，当用户设置了系统字体大小的时候，普通的rem适配方法会失效，导致样式错乱。
5、font-size == viewport width)，之后的布局单位全部使用rem来实现整体缩放。在使用动态 rem 布局的移动端页面中，很小的宽度如border-width 依然使用px，因为即使使用rem，当rem小于1px 时，依然会被浏览器当做1px 使用。
微信小程序-vant-weapp日历组件的使用(年月日)
1、：打开微信开发者工具，填写自己的appid和项目名称，选择不使用云服务，新建一个项目。
2、微信小程序demo提供了一个简单的日历组件，vant也提供了一个日历组件，在github上也有一些日历组件，我试用了一番，都多少存在一些不符合之处。
3、目前 Vant 官方提供了 Vue 2 版本 、 Vue 3 版本 和 微信小程序版本 ，并由社区团队维护 React 版本 和 支付宝小程序版本 。
以上内容为新媒号(sinv.com.cn)为大家提供！新媒号，坚持更新大家所需的前端知识。希望您喜欢！
版权申明：新媒号所有作品（图文、音视频）均由用户自行上传分享，仅供网友学习交流，不声明或保证其内容的正确性，如发现本站有涉嫌抄袭侵权/违法违规的内容。请发送邮件至 k2#88.com(替换@) 举报，一经查实，本站将立刻删除。
