搜索结果
查询Tags标签: Vant,共有 69条记录-
Vant 输入框添加校验规则
如果校验不通过 不会触发登录函数详情见官方文档
2022/1/6 6:06:17 人评论 次浏览 -
Vant 输入框添加校验规则
如果校验不通过 不会触发登录函数详情见官方文档
2022/1/6 6:06:17 人评论 次浏览 -
vue - 搭建 webapp 自适应项目-使用 vant 组件库 并 可自动调节大小
1.创建个vue 项目,这里不详细写怎么创建,参考 vue - 指令创建 vue工程 - 岑惜 - 博客园 (cnblogs.com) https://www.cnblogs.com/c2g5201314/p/15660810.html 使用vue2.0 2.分别执行指令安装 vant npm i vant -S 安装按需引入vant差插件 npm i babel-plugin-import -…
2022/1/5 6:04:26 人评论 次浏览 -
vue - 搭建 webapp 自适应项目-使用 vant 组件库 并 可自动调节大小
1.创建个vue 项目,这里不详细写怎么创建,参考 vue - 指令创建 vue工程 - 岑惜 - 博客园 (cnblogs.com) https://www.cnblogs.com/c2g5201314/p/15660810.html 使用vue2.0 2.分别执行指令安装 vant npm i vant -S 安装按需引入vant差插件 npm i babel-plugin-import -…
2022/1/5 6:04:26 人评论 次浏览 -
微信小程序用vant,dialog弹出框
官网如下: https://youzan.github.io/vant-weapp/#/dialog 看效果1、json中引入 "usingComponents": {"van-dialog": "/miniprogram_npm/@vant/weapp/dialog/index"}2、js引入 import Dialog from ../../miniprogram_npm/@vant/weapp/dial…
2021/12/22 20:22:16 人评论 次浏览 -
微信小程序用vant,dialog弹出框
官网如下: https://youzan.github.io/vant-weapp/#/dialog 看效果1、json中引入 "usingComponents": {"van-dialog": "/miniprogram_npm/@vant/weapp/dialog/index"}2、js引入 import Dialog from ../../miniprogram_npm/@vant/weapp/dial…
2021/12/22 20:22:16 人评论 次浏览 -
手把手教你微信小程序如何设置密码输入框
效果图源代码 .josn 弹出框用了vant小程序的ui,需要下载。也可以不用,抽取关键代码即可。 vant-weapp:https://vant-contrib.gitee.io/vant-weapp/#/quickstart"usingComponents": {"van-popup": "@vant/weapp/popup/index"},wxml <v…
2021/12/20 17:22:06 人评论 次浏览 -
手把手教你微信小程序如何设置密码输入框
效果图源代码 .josn 弹出框用了vant小程序的ui,需要下载。也可以不用,抽取关键代码即可。 vant-weapp:https://vant-contrib.gitee.io/vant-weapp/#/quickstart"usingComponents": {"van-popup": "@vant/weapp/popup/index"},wxml <v…
2021/12/20 17:22:06 人评论 次浏览 -
微信小程序中使用vant 组件 详细构建项目
一、创建项目 使用微信开发者工具创建小程序项目 二、初始化npm在此目录下打开命令行工具,输入npm 命令,然后一路回车,会发现目录下多了一个 package.json文件 npm init三、引入vant微信小程序包 1.npm安装 vant 包 # 通过 npm 安装 npm i @vant/weapp -S --productio…
2021/11/27 11:10:40 人评论 次浏览 -
微信小程序中使用vant 组件 详细构建项目
一、创建项目 使用微信开发者工具创建小程序项目 二、初始化npm在此目录下打开命令行工具,输入npm 命令,然后一路回车,会发现目录下多了一个 package.json文件 npm init三、引入vant微信小程序包 1.npm安装 vant 包 # 通过 npm 安装 npm i @vant/weapp -S --productio…
2021/11/27 11:10:40 人评论 次浏览 -
vue3+ts +vant 从0搭建移动端架子
1. 前期准备 安装node,vue3,vscode1.1 安装更新脚手架 npm install -g @vue/cli npm update -g @vue/cli1.2 vscode 插件 Volar ,Vue 3 Snippets 开发vue3时需要关闭vetur插件 2. vue3官网 https://v3.cn.vuejs.org/ vant 官网https://vant-contrib.gitee…
2021/11/20 23:40:42 人评论 次浏览 -
vue3+ts +vant 从0搭建移动端架子
1. 前期准备 安装node,vue3,vscode1.1 安装更新脚手架 npm install -g @vue/cli npm update -g @vue/cli1.2 vscode 插件 Volar ,Vue 3 Snippets 开发vue3时需要关闭vetur插件 2. vue3官网 https://v3.cn.vuejs.org/ vant 官网https://vant-contrib.gitee…
2021/11/20 23:40:42 人评论 次浏览 -
根据设计稿尺寸,样式自适应各个分辨率(vue)插件:postcss-px-to-viewport
插件:postcss-px-to-viewporthttps://www.npmjs.com/package/postcss-px-to-viewport 简介 将px单位转换为视口单位的 (vw, vh, vmin, vmax) 的 PostCSS 插件. 如果你的样式需要做根据视口大小来调整宽度,这个脚本可以将你CSS中的px单位转化为vw,1vw等于1/100视口宽度。…
2021/11/16 23:42:05 人评论 次浏览 -
根据设计稿尺寸,样式自适应各个分辨率(vue)插件:postcss-px-to-viewport
插件:postcss-px-to-viewporthttps://www.npmjs.com/package/postcss-px-to-viewport 简介 将px单位转换为视口单位的 (vw, vh, vmin, vmax) 的 PostCSS 插件. 如果你的样式需要做根据视口大小来调整宽度,这个脚本可以将你CSS中的px单位转化为vw,1vw等于1/100视口宽度。…
2021/11/16 23:42:05 人评论 次浏览 -
基于mpvue+vant自定义微信小程序的tabbar组件
首先附上微信小程序自定义tabbar开发文档地址:传送门 一直使用的都是微信原生的tabbar组件,这一次想给小程序加一个功能,实现首页弹窗轮播图全屏覆盖(弹窗遮罩层盖住小程序原生的头部和底部导航组件),小程序原生的底部tabbar组件默认层级是最高的,无法被其余组件和…
2021/11/1 17:12:33 人评论 次浏览