小程序中使用vantui组件

作者: 焚心123 | 来源:发表于2021-07-24 12:05 被阅读0次

小程序使用VantUI组件
小程序中使用vantui组件
vue倒计时组件
小程序原生组件使用限制
微信小程序(六)表单组件
mpvue-entry引入原生swiper组件不显示问题
自定义小程序弹窗组件
小程序用Canvas给图片加水印，拼接图片，制作名片
微信小程序component使用及自定义参数，子父组件方法调用
微信小程序(四)视图组件

之前用过几次，没有做记录，现在突然又要用到，由于之前使用的时间过长，导致自己又忘记了，再次做个记录

首先先在根目录下创建一个miniprogram文件夹，在右键，打开终端

npm init -y
npm install
npm i @vant/weapp -S --production

在编辑器的左上角的工具中，找到构建npm，之后如下图

image.png

此时构建完成后

image.png

将node_modules下的weapp直接覆盖生成的miniprogram_npm中，否则生成的文件不对，你可以具体看看两者的差异

然后再app.json或者是单独文件的.json文件中（路径你看看要是可以在优化的话，请留言，共同成长不是吗？哈哈）

image.png

页面

image.png

你学会了吗？要是有问题可以留言哦，看到会及时回复的

小程序使用VantUI组件
Vant 是由有赞发布的，轻量的小程序 UI 组件库。组件全，维护及时。https://github.com/yo...
小程序中使用vantui组件
之前用过几次，没有做记录，现在突然又要用到，由于之前使用的时间过长，导致自己又忘记了，再次做个记录首先先在根目录...
vue倒计时组件
模仿vantUI的倒计时组件，自己写了个简易的使用方法：
小程序原生组件使用限制
小程序当中多个原生组件显示问题最近在开发小程序的过程中。使用到小程序地图组件，地图全页展示，在地图上展示其他组件...
微信小程序(六)表单组件
小程序表单组件了解小程序表单组件明确不同表单组件的使用方法 (1)button
mpvue-entry引入原生swiper组件不显示问题
时下微信小程序开发框架中mpvue是主流的选择之一。其中，免不了还要使用部分小程序原生的组件。swiper组件几乎...
自定义小程序弹窗组件
描述小程序弹窗使用方法引入组件相关文件在使用弹窗的页面引入组件在app.wxss中全局引入组件样式 @i...
小程序用Canvas给图片加水印，拼接图片，制作名片
Canvas是微信小程序中的一个原生组件，因此我们在使用它的时候要特别注意微信小程序对原生组件的使用说明。canv...
微信小程序component使用及自定义参数，子父组件方法调用
小程序中，我们有时候需要自己定义一些组件，方便我们使用，下面就讲解一下小程序中component的使用，以及互相调...
微信小程序(四)视图组件
小程序组件视图容器 (一) 视图容器了解小程序组件中的视图容器明确小程序组件中的视图容器的用途和方法了解不...