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

2021/11/21 20:12:29

本文主要是介绍图文并茂学习记录--从零开始进行微信小程序开发+引入Vant Weapp组件,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

新建项目

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

创建页面

在这里插入图片描述

让人崩溃的东西来了

在这里插入图片描述

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

项目初始化

在这里插入图片描述

引入VANT组件库

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

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

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

配置一下,打钩钩

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

使用组件示例

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

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

在这里插入图片描述



这篇关于图文并茂学习记录--从零开始进行微信小程序开发+引入Vant Weapp组件的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程