图文并茂学习记录--从零开始进行微信小程序开发+引入Vant Weapp组件


新建项目

在这里插入图片描述
在这里插入图片描述

创建页面

在这里插入图片描述

让人崩溃的东西来了

在这里插入图片描述

经过研究,发现这个图标不可以放在二级,只能一级

项目初始化

在这里插入图片描述

引入VANT组件库

文档地址:https://youzan.github.io/vant-weapp/#/quickstart
在这里插入图片描述
在这里插入图片描述

去掉这个代码,因为它可能会和组件库冲突

在这里插入图片描述
在这里插入图片描述

配置一下,打钩钩

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

使用组件示例

在这里插入图片描述
在这里插入图片描述

大概就这么多啦,等我写完代码我把打包上线步骤也加上~~

在这里插入图片描述