vue.js之vant
新叶之扉
学而不思则罔,思而不学则殆
展开
-
vant--------tab touch
今天小生主要讲的是自己在平时项目中用的最常见的几种功能,也是前端开发最需要的:demo实例https://download.csdn.net/download/zxd1314520/106340161.tab选项卡是平时项目中最大众的一个,有时候根据业务需要加上touch效果vant再简单适宜了。首先基于依赖install我们需要安装vant 安装方法可见我的浅谈vue.js ...原创 2018-08-20 14:24:14 · 6771 阅读 · 4 评论 -
vant--------Picker与Popup 选择器和遮罩的完美结合
初学前端的小伙伴肯定遇到过这样的问题吧,想写一个下拉,又想写一个遮罩。两个合起来用,然后写一个遮罩height:100%,width:100%,z-index:999,等等去定繁琐又麻烦 体验感还不一定加将vant 的picker 与popup集合 方便快捷实用1.在main.js 里引入import { Popup } from 'vant';Vue.use(Popup);...原创 2018-08-20 15:10:06 · 34615 阅读 · 30 评论 -
vant--------Dialog用法
平时我们常看见给我们提示取消和确定选择;今天我们就在vue.js上写一个简单的Dialog列子引入import { Dialog } from 'vant' 1.绑定一个事件 例如<div class="my-content-list" @click="tellUs"> 联系我们 </div> 2.触发事件 在methods...原创 2018-08-20 14:46:14 · 20297 阅读 · 12 评论 -
vant---------toast用法
题外话就不多讲了,这篇博客都是围绕vue.js写的,爱上vue.js1.首先引入import { Toast } from 'vant'写个小列子绑定一个click事件2.写事件在methods写方法showToast() { this.$toast({ message: "今日签到+3",...原创 2018-08-20 14:34:38 · 23016 阅读 · 1 评论 -
最适应的vue.js的form提交 涉及多种插件
基于vue.js这里写了一个小列子;涉及到 vue.js动态添加css样式 ,tab切换 ,touch,表单提交,验证,toast,数据双向绑定等。先上效果图再一一讲解: 一、首先用到的是动态修改css点击X将隐藏温馨提示:1.先给整个div绑定 v-bind<div class="rz-notice" v-bind:style="{ display: ...原创 2018-08-24 16:31:59 · 2052 阅读 · 0 评论 -
vue 轮播写考试题和提交答案
1.最近一直忙着做项目都没时间来总结了,最近的手里的三个项目,我都采用的用vue+vant 在适当的用原生javascrpipt来做一些特效和功能的实现。2.按照我的惯例先上效果图,有图有真相嘛。1) 首先页面用的轮播 Swiper 插件。实现页面几十到题的切换;我将左右切换 做了一个小小变化,变为了上下题切换这样话页面看起来更好看点 在IOS上失效上下题切换失效了 因为 swip...原创 2018-12-14 13:37:37 · 1496 阅读 · 0 评论