原文:vue 移动端列表筛选功能实现

最近兴趣所致,打算使用vant搭建一个webapp,由于需要使用列表筛选,没有找到合适组件,于是写了一个简单的功能,权当记录。 效果如下: HTML: CSS: JS: 参数说明: name:筛选项显示名称 value:筛选项code isShow:是否显示 multiple:是否多选,为true时会有清空和确定功能按钮 data:筛选列表项 ...

2019-08-23 10:04 1 3519 推荐指数:

查看详情

vue实现pc端上拉加载功能,不兼容移动

所用插件:Mock.js 这个只用到它简单的功能,拦截ajax请求。      vue和axios,vue基础知识请看文档。      axios类似于jquery的ajax方法。 以下是是该功能所有代码,其中mock的数据可以不必理会。 View ...

Fri Mar 30 21:04:00 CST 2018 0 2906
纯css实现移动横向滑动列表

前几天在公司做开发的时候碰到一个列表横向滑动的功能,当时用了iscroll做,结果导致手指触到列表的范围内竖向滑动屏幕滑动不了的问题。 这个问题不知道iscroll本身能不能解决,当时选择了换一种方式来做,只要css就能搞定了,主要是利用了display:-webkit-box来实现。 ...

Fri Feb 24 04:27:00 CST 2017 0 35394
vue+elementUI实现移动省市区三级联动(滚动列表)

先上图 具体实现 HTML + CSS ps:代码不能直接用,只写了大概,看得懂就行 总体结构 因为省市区三级结构一样,所以可以单独封装一个组件并复用,同时绝对定位出两条分割线,区别选中 ...

Tue Aug 06 00:43:00 CST 2019 0 1470
移动及pc实现签名功能

  最近公司有一个新的需求,将app的功能全部转移到h5来做,包括了签名,动画等功能。   签名核心使用的就是h5的新属性,canvans,这里推荐一个比较好用的jq插件:jSignature,有兴趣的可以去官网查看相关的api   首先,看html页面 ...

Mon Jul 09 21:57:00 CST 2018 0 2696
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM