小程序基础之引用vant组件库

第一步：终端npm init -y 会生成一个pack.json文件。（初始化包管理，记录这个项目用的包。）

第二步：npm install 会生成一个 package-lock.json文件。（一个版本锁定的功能）

上两步有对应的文件不用整，

第三步: npm install @vant/weapp (默认就生产环境，咱能省就省，完整就这：npm install @vant/weapp --save -product)

第四步：构建npm（左上角工具那里），会生成一个miniprogram_npm，这才是我们要的。

第五步：好了，现在哪里需要引哪里，.json注册引入(例子: "van-icon": "/miniprogram_npm/@vant/weapp/icon")，完美！

好丝滑，不用自己码了，突然发现这个样式有点问题，不是我们想要的，这时候我们整个狠的，改源码？

当然不可能！

改样式这样就可以：页面调试选出类名，来个样式覆盖，别忘了加！important,不然级数不够，干不过!

上代码：

.van-info {

background-color: red !important;

font-size: 50rpx;

}

还有一种方法：改变量，看用什么变量取出来重新赋值，nice!

上代码：page {

--info-background-color: orange

}

整完过后有可能会发现有警告[component]..., 这时候不是咱的问题小程序内部问题，

切换基础库2.18.1以下就没了。还有就忽视得了，改源码，呵呵，不可能的！

完结——

各位老铁有用点点star，让更多的友友一起学习！