vant
vant 知识
cmmboy1990
积累、
展开
-
vant 底部导航栏 中间凸起
vant 底部导航栏 中间凸起1.tabBar代码<template> <div> <van-tabbar fixed route v-model="active" @change="handleChange"> <van-tabbar-item v-for="(item, index) in data" :to="item.to" :icon="item.icon" :badge='item.badge' :key="index">原创 2021-07-15 09:20:48 · 1501 阅读 · 1 评论 -
vant 自义定 tabBar 图标和颜色
vant 自义定 tabBar 图标和颜色1.index代码:<template> <div class="app-container"> <div class="layout-content"> <keep-alive> <router-view v-if="$route.meta.keepAlive" style="margin-bottom: 50px"/> </keep-a原创 2021-07-14 17:44:38 · 2019 阅读 · 0 评论 -
vant 预览 图片
vant 预览 图片1.核心代码<!-- --><template> <div class=''> <van-nav-bar title="预览png" left-text="返回" left-arrow class="title" @click-left="onClickLeft"原创 2021-06-21 15:40:16 · 1197 阅读 · 0 评论 -
vant 列表【增删改查】 和 表单
vant 列表【增删改查】 和 表单1.列表<!-- --><template> <div class="container" style="background-color: #ddd"> <van-nav-bar title="测试标题" left-text="返回" left-arrow @click-left="onClickLeft"原创 2021-06-17 17:45:13 · 1742 阅读 · 0 评论 -
Vant 2.0 下拉刷新,上拉加载
Vant 2.0 下拉刷新,上拉加载核心代码如下:<!-- --><template> <div class="container"> <van-nav-bar title="测试标题" left-text="返回" left-arrow @click-left="onClickLeft" class="titl原创 2021-06-17 11:54:46 · 209 阅读 · 0 评论