![](https://img-blog.csdnimg.cn/20190927151124774.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
vant
vue组件库
落花流雨
这个作者很懒,什么都没留下…
展开
-
van-checkbox 复选框功能
van-checkbox 复选框功能涉及的功能点:动态设置弹出框的最大高度VUE点击遮罩层内功能区以外的地方,遮罩层关闭设置disabled,确定添加不可修改去除默认滚动条<template> <div class="hw_detail"> <div @click="isPop = true" class="btn"> <span>添加选项</span> </div> <di原创 2021-03-09 23:22:10 · 2508 阅读 · 0 评论 -
Vue封装组件并发布npm
install Vue的插件必须提供一个公开方法install,该方法会在你使用该插件,也就是 Vue.use(yourPlugin)时被调用。这样也就给Vue全局注入了你的所有的组件。你为什么要二次封装el组件?提供开发效率提供组件的复用性(组件逻辑较为复杂的时候,封装可以让下次复用更简单)第 1 章:组件封装使用方法如下:在项目 / main.jsimport ui2010 from 'ui-2010'; // 引入结构import 'ui-2010/styles/ui20原创 2021-03-16 00:46:14 · 596 阅读 · 3 评论 -
vue2 + vant框架(移动端适配rem.js + 样式初始化 reset.css)
基于vue2创建项目 + vant 框架运行命令如下:vue init webpack 项目名称下面会询问一些问题:是否安装一下插件,按需选择安装即可。然后根据提示信息,操作就可以完成项目创建。安装vant框架:https://youzan.github.io/vant/#/zh-CN/npm i vant -S引入组件:方式一. 自动按需引入组件 (推荐)第一步:安装插件 npm i babel-plugin-import -D第二步:在.babelrc 中添加配置原创 2020-06-15 23:17:26 · 2009 阅读 · 0 评论 -
van-Circle 环形进度条
van-Circle 环形进度条涉及的功能点:圆形进度条:文本自定义样式大小颜色定制、大小定制、渐变色、宽度定制模拟断点续传<template> <div class="demo"> <div class="syn_data fcc pt20"> <van-circle class="syn_circle" v-model="currentRate" :rate="rate原创 2021-03-09 23:52:05 · 4057 阅读 · 0 评论 -
vant日期选择组件(默认选中当天日期)
vant日期选择组件vant组件库全局安装vant组件库,npm i vant -S。然后在main.js中:import Vant from 'vant';import 'vant/lib/index.css';Vue.use(Vant);使用用法<template> <div class="home"> <van-button type="primary" @click="showPopup">主要按钮</van-button>原创 2021-02-28 16:57:15 · 9838 阅读 · 3 评论