Vant-ui
关注
分享
扫一扫
Vant-ui
HqL丶1024
这个作者很懒，什么都没留下…
展开
-
H5使用vant封装的底部tabbar导航
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>首页</title> <script src="https://cdn.suoluomei.com/common/js/jquery-2.1.4.min.js...原创 2019-12-07 13:45:08 · 1313 阅读 · 0 评论 -
Vant使用IndexBar索引栏
<template> <div> <van-index-bar :index-list="indexList"> <div v-for="(item,index) in peopleList" :key="index"> <van-index-anchor :index="item.index" /> <div class="cell" v-for="(row,index) in ite原创 2021-01-18 10:20:26 · 1544 阅读 · 0 评论 -
Vue使用Vant-ui的Tabbar导航中间凸起样式
<template> <van-tabbar v-model="active" inactive-color="#777777" active-color="#000000" > <van-tabbar-item v-for="(item,index) in tabbars" :key="index" :to="(item.name)" :info="index==3?num==''?'':num:''"> <span v-if="i.原创 2020-06-08 09:49:44 · 4004 阅读 · 1 评论 -
Vue_Cli4.x安装Vue3移动端开源项目包
第一步 安装px转rem的插件npm i lib-flexible postcss-px2rem --s在根目录添加postcss.config.js文件module.exports = { plugins: { autoprefixer: {}, "postcss-px2rem": { remUnit: 75, // 设计图为750 * height remPrecision: 2 // rem的小数点后位数 } }};在main.js添加imp原创 2020-05-12 15:34:46 · 1297 阅读 · 0 评论 -
vant自定义导航
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="https://cdn.suoluomei.com/common/js2...原创 2020-03-10 11:52:19 · 1869 阅读 · 0 评论 -
VantUI实现列表分页显示
<template><div> <van-list v-model="loading" :finished="finished" loading-text="正在加载中..." finished-text="暂无评论" @load="getsummarylist" > &l...原创 2020-03-14 14:00:29 · 2709 阅读 · 0 评论 -
vant多选联系人或名片形式
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="styleshe...原创 2020-02-24 15:24:06 · 1326 阅读 · 0 评论 -
VANT弹出框在HTML没用解决办法
let that= this that.$dialog.confirm({ title: '提示', message: '确定核销？' }).then(() => { console.log('你确定了核销') }).catch(() => { console.log('你取...原创 2020-01-14 09:19:59 · 2423 阅读 · 0 评论 -
Vue用vant上传图片，前端上传之前压缩处理
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/van...原创 2020-01-02 11:51:56 · 896 阅读 · 1 评论 -
vant循环单选框并获取值
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="https://cdn.suoluomei.com/common/js2...原创 2019-12-20 15:25:21 · 5837 阅读 · 1 评论 -
Vue使用vant循环多选框并取值
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="https://cdn.suoluomei.com/common/js2...原创 2019-12-20 15:12:40 · 1561 阅读 · 1 评论 -
html引入vant省市区选择器
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vant@2....原创 2019-12-04 11:25:50 · 2047 阅读 · 2 评论 -
新建Vue项目脚手架并引入Vant-ui
1.新建一个文件夹，点击目录并输入命令：cmd2.新建脚手架（1）输入命令：vue init webpack xx(创建项目)（2）前三项直接回车，第四行standalone，第五行yes，六-九NO(安装成功)3.打开项目（1）打开编辑器，打开文件夹，点击终端，新建终端（2）输入命令：npm run dev 然后回车（3）跑完后打开该链接即可在浏览器查看<-----...原创 2019-12-02 18:13:27 · 1899 阅读 · 0 评论 -
vant二级联动picker选择器
<van-picker :columns="columns" @change="onChange" /> const citys = { '浙江': ['杭州', '宁波', '温州', '嘉兴', '湖州'], '福建': ['福州', '厦门', '莆田', '三明', '泉州'] }; data...原创 2019-11-21 15:55:04 · 4230 阅读 · 2 评论 -
Html引入Vant-ui
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vant@2....原创 2019-11-01 18:19:28 · 13600 阅读 · 22 评论