vant
古迪红尘
这个作者很懒,什么都没留下…
展开
-
van-cascader异步加载数据
【代码】van-cascader异步加载数据。原创 2023-06-07 22:48:56 · 1092 阅读 · 0 评论 -
vant-DatetimePicker 时间选择的使用
1,注册DataTimePicker组件import { DatetimePicker } from 'vant'Vue.use(DatetimePicker)2,在UserEdit.vue页面使用, 定义相关变量<!-- 修改时间 --><van-popup v-model="isShowBirth" position="bottom" style="height: 50%" round> <!-- 日期选择控件 --> <v原创 2021-08-29 22:41:31 · 14055 阅读 · 0 评论 -
vant-Dialog 弹出框的用法
1,dialog全局注册, 然后在UserEdit.vue这个页面使用 - 准备弹出输入框层<!-- 姓名部分 --><van-cell title="名称" is-link :value="profile.name" @click="showNameDialogFn" /><!-- 修改用户名称的对话框 --><van-dialog v-model="isShowNameDial原创 2021-08-29 22:35:48 · 8313 阅读 · 0 评论 -
vant 个人中心头像修改
1,先实现前端点击获取文件对象效果<van-cell title="头像" is-link center> <template #default> <van-image round class="avatar" :src="profile.photo" @click="$refs.iptFile.click()"/> <!-- file 选择框 --> <input原创 2021-08-29 22:00:19 · 1507 阅读 · 0 评论 -
vant自动按需引入-需要下载插件babel-plugin-import
vant自动按需引入安装插件在babel配置文件里 (babel.config.js)全局注册 - 会自动按需引入安装插件在babel配置文件里 (babel.config.js)全局注册 - 会自动按需引入第一步:安装插件babel-plugin-importyarn add babel-plugin-import -D第二步:在babel配置文件里 (babel.config.js)module.exports = { plugins: [ ['import', {原创 2021-07-29 20:21:28 · 672 阅读 · 0 评论 -
vant怎么使用自己准备的字体图标
第一步准备好字体图标以阿里巴巴矢量字体图标库为例https://www.iconfont.cn/将下载好的文件放入src/assets目录下(位置不是固定的,看你心情,记住路径,一会还要导入main.js)第二步,将字体图标引入main.js _____________(重要步骤)// 在main.js 导入字体图标import './assets/fonts/iconfont.css'第三步,选择字体图标第四部,使用<span class="iconfont icon-ho原创 2021-08-19 19:37:31 · 1069 阅读 · 0 评论 -
vant ActionSheet动作面板之一级面板和二级面板
vant ActionSheet动作面板之一级面板和二级面板main.js导入组件import { ActionSheet } from 'vant';Vue.use(ActionSheet);组件内<template> <div> <button @click="show1=true">点我有惊喜</button> <!-- 一级反馈面板 --> <!-- get-container="b原创 2021-08-08 23:16:12 · 1608 阅读 · 0 评论 -
vant 定制主题改变NavBar 导航栏 背景颜色和字体颜色的三种方法
例如 vue-cli 搭建的项目 给NavBar 导航栏 设置个蓝底白字第一种直接在组件内好处简单,只是其他组件需要使用还需要再复制代码,代码重复<template> <div class="login-container"> <van-nav-bar title="登录"> <template #left> //#left 具名插槽 <img class="logo" src="@/assets/原创 2021-08-07 00:18:34 · 14589 阅读 · 1 评论