前端----微信小程序制作备忘录【初级能力就可以做】

我们先做登录页面【本内容：按照我的图片步骤同步操作就对了！！】

终端敲----npm init -y

终端敲----npm i @vant/weapp -S --production

加上代码

创建文件--创建组件index【用于放自定义tabBar】

引入tab

用组件库！！Vant Weapp - 轻量、可靠的小程序 UI 组件库

然后我们自己改版一下：按照上面三个图片步骤抄的话，首先引入tab

黄色框写入自己自定义tab

看不懂这步的看我上一个笔记的最后几个就秒懂了！这个是点击事件---点击tab栏，进行页面跳转

效果

我们引入自定义图标

找到你想要的图标

渲染

画登录页面

我们画的长这样

头部颜色

改字体颜色与文字

引入输入框组件

输入框图标

引入按钮

自定义按钮样式

使用自定义按钮样式

画提示

触发input看能拿到什么