搜索结果
查询Tags标签： Vant，共有 69条记录-
基于mpvue+vant自定义微信小程序的tabbar组件
首先附上微信小程序自定义tabbar开发文档地址：传送门 一直使用的都是微信原生的tabbar组件，这一次想给小程序加一个功能，实现首页弹窗轮播图全屏覆盖（弹窗遮罩层盖住小程序原生的头部和底部导航组件），小程序原生的底部tabbar组件默认层级是最高的，无法被其余组件和…
2021/11/1 17:12:33 人评论 次浏览 -
vant解决:微信小程序 Vant Weapp 没有找到可以构建的NPM包，请确认需要参与构建的npm在miniprogramroot目录
最近学习Vant Weapp的组件库，结果构建npm的时候出错了，回去查了官方文档，原来要修改project.config.json文件npm init npm i @vant/weapp -S --production 开发者工具创建的项目，miniprogramRoot默认为 miniprogram，package.json在其外部，npm 构建无法正常工作。 需…
2021/10/2 14:10:48 人评论 次浏览 -
vant解决:微信小程序 Vant Weapp 没有找到可以构建的NPM包，请确认需要参与构建的npm在miniprogramroot目录
最近学习Vant Weapp的组件库，结果构建npm的时候出错了，回去查了官方文档，原来要修改project.config.json文件npm init npm i @vant/weapp -S --production 开发者工具创建的项目，miniprogramRoot默认为 miniprogram，package.json在其外部，npm 构建无法正常工作。 需…
2021/10/2 14:10:48 人评论 次浏览 -
微信小程序，【自定义组件】使用vant-weapp时，css样式覆盖不生效【已解决】
自定义组件中，使用vant-weapp的 van-empty 时，修改默认样式不生效 <van-empty description="暂无数据" /> <van-button type="primary">主要按钮</van-button>.van-empty__image {width: 200rpx;height: 200rpx; } .van-button--…
2021/9/22 17:11:38 人评论 次浏览 -
微信小程序，【自定义组件】使用vant-weapp时，css样式覆盖不生效【已解决】
自定义组件中，使用vant-weapp的 van-empty 时，修改默认样式不生效 <van-empty description="暂无数据" /> <van-button type="primary">主要按钮</van-button>.van-empty__image {width: 200rpx;height: 200rpx; } .van-button--…
2021/9/22 17:11:38 人评论 次浏览 -
小程序 —— Vant Weapp的引入使用
1. 当初始化一个小程序项目，此时项目目录结构中是没有package.json这个文件的，需要执行npm init 创建一个package.json文件； 2.执行 npm i @vant/weapp -S --production, 安装vant weapp 组件到项目中 执行完毕如下图所示，会多出一个node_modules文件夹 3. 4. 构建np…
2021/9/17 17:34:46 人评论 次浏览 -
小程序 —— Vant Weapp的引入使用
1. 当初始化一个小程序项目，此时项目目录结构中是没有package.json这个文件的，需要执行npm init 创建一个package.json文件； 2.执行 npm i @vant/weapp -S --production, 安装vant weapp 组件到项目中 执行完毕如下图所示，会多出一个node_modules文件夹 3. 4. 构建np…
2021/9/17 17:34:46 人评论 次浏览 -
uniapp引入vant报错Module build failed (from ./node_modules/postcss-loader/src/index.js) SyntaxError
我uniapp中main.js引入vant 样式import vant/lib/index.css;出现报错,如下 找了很多解决办法都没效,最后解决了,方法如下: (1)在项目目录下建立一个html文件,文件名自定义,(2)在app.vue中引入vant样式,之前main.js中的vant样式删掉 app.vuemain.js 运行项目即可
2021/9/17 17:05:18 人评论 次浏览 -
uniapp引入vant报错Module build failed (from ./node_modules/postcss-loader/src/index.js) SyntaxError
我uniapp中main.js引入vant 样式import vant/lib/index.css;出现报错,如下 找了很多解决办法都没效,最后解决了,方法如下: (1)在项目目录下建立一个html文件,文件名自定义,(2)在app.vue中引入vant样式,之前main.js中的vant样式删掉 app.vuemain.js 运行项目即可
2021/9/17 17:05:18 人评论 次浏览 -
微信小程序总结
1.使用框架vant https://vant-contrib.gitee.io/vant-weapp/#/field 缺点 样式不会修改 2.在小程序中赋值(可百度) this.setData({属性:参数}) 3.能不用绝对定位就尽量别用 4.小程序真机调试是input框会出现闪烁问题 5.绑定值 value=“{{value1}}” 6.扫码isScan() {w…
2021/7/13 20:06:49 人评论 次浏览 -
微信小程序总结
1.使用框架vant https://vant-contrib.gitee.io/vant-weapp/#/field 缺点 样式不会修改 2.在小程序中赋值(可百度) this.setData({属性:参数}) 3.能不用绝对定位就尽量别用 4.小程序真机调试是input框会出现闪烁问题 5.绑定值 value=“{{value1}}” 6.扫码isScan() {w…
2021/7/13 20:06:49 人评论 次浏览 -
使用Vant Weapp 构建微信小程序
Vant Weapp 官网：介绍 - Vant Weapp (gitee.io) 步骤一：打开微信开发工具 新建空项目 步骤二：在新建的项目根目录下 执行 npm init -y 初始化 步骤三：安装 Vant Weapp 命令 npm i @vant/weapp -S --production 步骤四：微信开发工具详情本地设置勾选npm 然后点开工具…
2021/7/5 14:08:58 人评论 次浏览 -
uniapp+vant weapp实现课程表小程序_课程表功能的实现
课程表功能的实现 思路1.节数与天数和grid内单选框索引的转换2.单选框样式的魔改温馨提示:尽量用原生源码思路 课程表的实现,我想了很久,在没有现成组件库的情况下实现,我主要是用了vant weapp的宫格和单选框来实现,主要的难点有以下两个方面: 1.节数与天数和grid内单选框…
2021/6/1 12:21:55 人评论 次浏览 -
Uniapp 导入 Vant 组件库
Uniapp 导入 Vant 组件库 Vant Weapp 开发文档 Vant Weapp - 轻量、可靠的小程序 UI 组件库 创建 wxcomponents 目录 在 uniapp 项目的根目录下，创建一个新的 wxcomponents 目录下载 vant-weapp 项目 $ git clone git@gitee.com:vant-contrib/vant-weapp.git下载下来后，…
2021/5/30 10:24:26 人评论 次浏览 -
微信小程序调用第三方组件
此处，在小程序中调用UI组件 库https://youzan.github.io/vant-weapp 1.首先，命令行进入miniprogram目录，执行 npm init -y, 之后执行 npm i vant-weapp -S --production 安装好之后的组件如图所示： 2. 步骤二 构建 npm 包 打开微信开发者工具，点击 工具 -> 构建…
2021/5/7 1:26:15 人评论 次浏览
