注册会员 | 设为首页 | 加入收藏夹
您好，欢迎光临本网站！[请登录] ！[注册会员]！  

搜索资源列表

  1. vue.js 饿了么购物小demo

  2. 用最新的vue.js，better-scroll插件及组件之间值传递等实现饿了么购物店铺信息，商品分类分类与其对应商品滑动（联动）功能，商品评价，购物车（点击添加按钮，小球滑动等效果）功能demo

  3. 所属分类：其它

    • 发布日期：2017-06-09
    • 文件大小：14680064
    • 提供者：xustart7720

  1. vue自定义移动端touch事件，点击、滑动、长按事件

  2. vue自定义移动端touch事件，点击、滑动、长按事件.将以上代码保存到一个js文件内，引入到页面vue库文件之后、用户js文件之前。这样就可以使用vue的触屏事件了。

  3. 所属分类：HTML5

    • 发布日期：2018-09-30
    • 文件大小：2048
    • 提供者：qq_42396791

  1. vue.js点餐app手机触屏滑动分类菜单切换代码

  2. 智能点餐app手机触屏滑动分类菜单切换代码，代码简单，修改方便！

  3. 所属分类：HTML5

    • 发布日期：2019-01-08
    • 文件大小：60416
    • 提供者：hrbwm123

  1. VueSwiper实现的一套轮播滑动组件API参照Swiper

  2. Swiper(Swiper3) component for Vue.js(1.X ~ 2.X), support pc and mobile, SPA and SSR.

  3. 所属分类：其它

    • 发布日期：2019-08-10
    • 文件大小：233472
    • 提供者：weixin_39840387

  1. vue.js单排图文卡片滚动切换代码

  2. vue.js制作一款简单的单排图文卡片滚动切换代码，图片文字卡片布局，点击左右箭头控制卡片向左向左滚动切换。

  3. 所属分类：其它

    • 发布日期：2020-06-10
    • 文件大小：35840
    • 提供者：weixin_38621104

  1. Vue 实现从小到大的横向滑动效果详解

  2. 主要介绍了Vue 实现从小到大的横向滑动效果,结合实例形式详细分析了vue.js横向渐变滑动效果的实现步骤、相关操作技巧与注意事项,需要的朋友可以参考下

  3. 所属分类：其它

    • 发布日期：2020-10-16
    • 文件大小：72704
    • 提供者：weixin_38713801

  1. Vue封装Swiper实现图片轮播效果

  2. 图片轮播是前端中经常需要实现的一个功能。最近学习Vue.js，就针对Swiper进行封装，实现一个简单的图片轮播组件。 一、Swiper 在实现封装之前，先介绍一下Swiper。 Swiper是纯Javascr ipt打造的滑动特效插件，面向手机、平板电脑等移动终端。 Swiper能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。 Swiper开源、免费、稳定、使用简单、功能强大，是架构移动终端网站的重要选择。 Swiper的应用场景广泛，实现效果很好，下面个这实际案例就是S

  3. 所属分类：其它

    • 发布日期：2020-11-26
    • 文件大小：176128
    • 提供者：weixin_38687199

  1. 解决Vue中mounted钩子函数获取节点高度出错问题

  2. 遇到的问题 最近在开发一个Vue的项目，好几个页面都有用到一个 页面楼层滑动的组件，我就直接封装成了一个，但是遇到一个bug，就是我需要得到这个组件的offsetTop，然后页面滚动到这个位置的时候，就设置position属性为fixed，让他固定在屏幕上。问题是当我在mounted钩子函数中获取offsetTop的时候，在新开的页签中打开页面，会得到错误的offsetTop，但是在当前页面刷新，就不会有问题。 定位问题 后来查到问题，就是加载的问题，新窗口打开图片，默认是没有带缓存的，图片是

  3. 所属分类：其它

    • 发布日期：2020-11-30
    • 文件大小：36864
    • 提供者：weixin_38707342

  1. atom-design(Vue.js移动端组件库)手势组件使用教程

  2. 介绍 atom-design经过几个月的开发，以及这段时间的修复bug，对js,css压缩，按需引入处理等等的性能优化,现在已经逐渐完善.做这套UI考虑到很多性能的问题，以及如何让开发者更自由、更简单的去使用。这篇文章主要讲使用Gesture(手势)相关组件的感受。 Gesture(手势)相关组件 •Carousel(传送带) •SlideItem (滑动条) •Range (区域选择) •Pull Gesture (上下拉动手势) Carousel(传送带) import {Carous

  3. 所属分类：其它

    • 发布日期：2020-11-28
    • 文件大小：105472
    • 提供者：weixin_38741101

  1. vue移动端轻量级的轮播组件实现代码

  2. 一个简单的移动端卡片滑动轮播组件，适用于Vue2.x c-swipe 2.0 全新归来。重写了全部的代码，更靠谱的质量，更优秀的性能 English Document 安装 npm install c-swipe --save 使用 注册组件 // main.js // 引入 c-swipe 主文件 import 'c-swipe/dist/swipe.css'; import { Swipe, SwipeItem } from 'c-swipe'; // 全局注册组件 Vue.compon

  3. 所属分类：其它

    • 发布日期：2020-12-11
    • 文件大小：54272
    • 提供者：weixin_38620314

  1. Vue.js移动端左滑删除组件的实现代码

  2. 左滑删除在移动端很常见。下面我们一起来封装一下这个简单的小组件。我们想要是： 当滑块没有超过删除按钮的一半时自动回到起点位置。 滑动距离超过一半滑动到最大值（删除按钮宽度） 尽量精简代码 效果如下： 在开始之前，我们先得将 [touchEventApi][1]弄清楚了。这个小组件中，用到了： 1.  TouchEvent.touches （表示一 个 TouchList 对象，包含了所有当前接触触摸平面的触点的Touch对象） 2.  TouchEvent.changedTouch

  3. 所属分类：其它

    • 发布日期：2020-12-11
    • 文件大小：50176
    • 提供者：weixin_38737283

  1. vue实现新闻展示页的步骤详解

  2. 需求 1.  做一个新闻展示页 2.  新闻分类可以自定义 3.  每类新闻的内容，样式不一样 4.  上拉加载新的数据 5.  点击进入详情页，再返回时，定位到原来的位置 图片展示       采用的技术 轮播图使用：swiper     zepto.js     vue.js     vue.resource.js     vue-router.js 滑动插件：iscroll.js 界面样式采用的   weui 设计的思路 因为使用了vue.js  每个分类的样式不一样，而且分类

  3. 所属分类：其它

    • 发布日期：2020-12-08
    • 文件大小：608256
    • 提供者：weixin_38713412

  1. vue 使用鼠标滚动加载数据的例子

  2. 关于用鼠标滚动到某个位置我们就去加载数据，这样的场景与业务需求现在越来越常见，现在来分析下《vue.js 实战》中作者的一个解决策略： 1. 设置一个标志位用来判断数据是否在加载中 2. 将滚动区域设置成 overfow:auto（显示滚动条） 3. 给滚动区域加入监听事件并绑定ref属性 来获取DOM实例 4. 当鼠标滚动到底部时，加载数据 4.1 如果此时 标志位为true则 直接退出，不进行此时数据加载 关键代码如下： //...代码省略 //该div 为要滚动区域 <div

  3. 所属分类：其它

    • 发布日期：2020-12-13
    • 文件大小：40960
    • 提供者：weixin_38728464

  1. Vue仿手机qq的实例代码(demo)

  2. vue简介 Vue.js（读音 /vjuː/, 类似于 view） 是一套构建用户界面的渐进式框架。 Vue 只关注视图层， 采用自底向上增量开发的设计。 Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。 Vue 学习起来非常简单，本教程基于 Vue 2.1.8 版本测试。 概述 这是一个16年9月份找的开源项目源代码，结合自己的实际情况进行的修改项目，以后内容将会有很大的不同，项目的目标是向QQ看齐 页面效果展示 免责声明 本项目为开源项目，如有类同，纯属巧合。

  3. 所属分类：其它

    • 发布日期：2020-12-09
    • 文件大小：86016
    • 提供者：weixin_38736011

  1. vue+jquery+lodash实现滑动时顶部悬浮固定效果

  2. 本文实例为大家分享了vue实现滑动时顶部悬浮固定效果的具体代码，供大家参考，具体内容如下 这个效果是一个项目中抽出来的一个demo效果。 前期准备： 1. 引入jQ [removed][removed] 引入lodash.js npm install lodash -D fixTop.vue组件的 <div class

  3. 所属分类：其它

    • 发布日期：2020-12-29
    • 文件大小：45056
    • 提供者：weixin_38651450

  1. 使用vue.js在页面内组件监听scroll事件的方法

  2. 思路：scroll在哪儿个组件内，就在获取那个dom元素。网上好多思路是 window.addEventListener(scroll, function(){ console.log('scrolling'); }); 这是监听不到的！如果你整个网页可以滑动，或许还可以试试！ 对于像我这样，只在页面的内的一个div内要监听的。 实现代码如下： 第一步：滑动的组件外层的div加 ref=”viewBox” 为了通过$refs获取dom元素 <mu-refresh-

  3. 所属分类：其它

    • 发布日期：2020-12-29
    • 文件大小：37888
    • 提供者：weixin_38637580

  1. hooper：:carousel_horse:针对Vue优化的可自定义的可访问轮播滑块-源码

  2. 胡珀 Vue.js轮播组件，经过优化可与Vue一起使用。 产品特点 可通过丰富的API和插件轻松进行自定义。 触摸，键盘，鼠标滚轮和导航支持。 两路控制轮播（同步）。 完整的RTL布局支持。 支持垂直滑动。 响应断点。 无缝的无限滚动。 通过提供健壮的结构和用户控制可访问。 经过优化，可与Vue框架一起使用。 SSR支持。 浏览器支持 最新 :check_mark: 最新 :check_mark: 最新 :check_mark: 最新 :check_mark: 最新

  3. 所属分类：其它

    • 发布日期：2021-02-06
    • 文件大小：220160
    • 提供者：weixin_42110038

  1. vue-tab：vue.js（vue2）的触摸滑动选项卡组件-源码

  2. Vue标签-滑动标签简化 此组件已在生产环境中使用。 总览 vue-tab是vue.js的轻触标签。 安装 npm install --save vue-swipe-tab2.0.2 使用模块导入 在app.js（entry js）中使用以下代码： import Tab from 'vue-swipe-tab'; Vue.use(Tab); 用法 [removed] export default { methods: { changePage(idx)

  3. 所属分类：其它

    • 发布日期：2021-02-05
    • 文件大小：201728
    • 提供者：weixin_42130889

  1. vue.js实现简单轮播图效果

  2. 学习了vue.js也有一段时间了，做了个小demo来熟悉一下，很常见的demo，——-轮播图，没学vue之前的轮播图用Javascr ipt或者jquery都非常简单，发现用vue来写也挺有意思的。说下简单的思路，图片的轮播用v-if或者v-show来代替原来的Js滑动，过度效果用transition可简单实现，注意，滑动过程中是能看见两张图的，所以要用两个transition。 （1）先写出整体的框架 <im

  3. 所属分类：其它

    • 发布日期：2021-01-21
    • 文件大小：43008
    • 提供者：weixin_38560797

  1. vue.js轮播图组件使用方法详解

  2. 之前用jQuery写过轮播组件，用的jquery动画实现的图片滑动效果。这个组件的滑动特效是原生js搭配vue的数据绑定实现的，不依赖其他库，虽然可以再vue.js中引入swiper,但是引入类库的最大的缺点就是冗余代码太多，所以还是自己写一个比较好，简单扼要。（ps:组件的宽高设置还有有点小bug，子组件中需要改为用js动态修改container的宽高，另外可能还有其他地方有不合理之处，欢迎各位批评指正） github地址：gitgithub.com:cainiao222/vueslider-

  3. 所属分类：其它

    • 发布日期：2021-01-19
    • 文件大小：39936
    • 提供者：weixin_38678510
« 12 »