vue移动端过渡动画

vue中使用scss时报错

前天下载了个vue移动端的demo(大家也可以学习一下：https://github.com/toutouping/vue-case)，先是运行了cnpminstall；再运行了npmrundev；然后就报了下面的错误
张星的·2018-12-20 13:09

vue过渡动画transition、关键帧（keyframes）动画的实现

如何改变元素状态呢，当然就是在css中给这个元素定义一个类（:hover等伪类也可以），或者控制元素的显示隐藏，也可改变元素的状态，这个类描述的是过渡动画结束时元素的状态。
娑婆訶·2018-12-17 17:41

Vue：关于transition-group过渡动画，别再踩这个坑了！

千万要在需要过渡动画的父组件上加上相对定位，子组件上加上绝对定位!不然将产生不可预知的神奇的乱七八糟的动画效果T
csu_zipple·2018-12-15 17:49

NavigationController

只使用过渡动画，其它显示、隐藏等。还是按原生办法。
Leon1024·2018-12-13 21:51

解决vue移动端适配问题

1，先看看网上关于移动端适配讲解再聊移动端页面适配，rem和vw适配方案！基础点：rem相对根节点字体的大小。所以不用px;根字体：字体的大小px;px：你就当成cm(厘米)这样的东西吧；基准：750设计稿；这是方案的基础理论，在这个基础上，我们还要搞明白，到底要干一件什么事情！目标一、手机适配：就是页面上的尺寸，无论高度，还是宽度，还有字体，随屏幕的宽度变化！这里是屏幕宽度！是不是想到了vw，对
双眸·2018-12-12 08:28

解决vue移动端适配问题

1，先看看网上关于移动端适配讲解再聊移动端页面适配，rem和vw适配方案！基础点：rem相对根节点字体的大小。所以不用px;根字体：字体的大小px;px：你就当成cm(厘米)这样的东西吧；基准：750设计稿；这是方案的基础理论，在这个基础上，我们还要搞明白，到底要干一件什么事情！目标一、手机适配：就是页面上的尺寸，无论高度，还是宽度，还有字体，随屏幕的宽度变化！这里是屏幕宽度！是不是想到了vw，对
_双眸·2018-12-11 23:47

nui-app/小程序/vue移动端flex首页模块化布局思路

首先说明：首页只负责布局，局部样式功能全部放在子组件，做到真正的模块化。分别引入子组件到首页，相应位置即可。子组件的数据可以通过首页执行ajax请求服务器，数据发送给子组件即可。shouye.jpg主页面-首页保存文件路径pages/index/index.vue//引入广告子组件//引入列表页子组件加载中……//引入底部导航子组件importproductListfrom'../../compo
yichen_china·2018-12-04 19:27

Vue中的基础过渡动画及实现原理解析

前言在日常开发中动画是必不可少的一部分不仅能让元素直接的切换显得更加自然同时也能极大的增强用户体验因此在Vue之中也提供了非常强大的关于动画这方面的支持Vue不仅支持用CSS来写一些过渡效果同时也是支持JS的不过在这个文章中讲述的都是如何利用CSS来实现过渡动画
皮蛋和豆树·2018-12-04 15:44

Vue 过渡动画

进入(v-enter)/离开(v-leave)/移动(v-move)&列表(transition-group)的过渡简单的例子：TogglehellonewVue({el:'#demo',data:{show:true}}).fade-enter-active,.fade-leave-active{transition:opacity.5s;}.fade-enter,.fade-leave-to/
fanhaozhi·2018-12-01 23:27

记录vue使用vux CheckIcon组件

作为vue移动端ui开源框架vux。用的不太6，开发优惠券选择时遇到一个问题。选择当前优惠券，单选某个点击确定。离开当前页面，再返回到优惠券页面，之前选择的优惠券状态仍存在。
静静心中的梦_66·2018-11-29 17:52

前端

1.过渡动画过渡动画*{margin:0;padding:0;}.box{width:300px;height:500px;background-color:#135;margin:50pxauto;}
周肸·2018-11-29 09:29

小动画大学问

对于移动端的Web单页应用来说，为了达到媲美原生应用的效果，页面过渡动画是必不可少的。常用的页面过渡动画包括：位移——当前页向左侧或右侧水平移出可视区，下一页由反方向移入可视区。
MrLuo·2018-11-28 00:00

CSS3过渡动画

过渡动画transition属性简介transition是网页上的过渡动画，变化的逐渐过渡效果，简称过渡动画！
苗_a·2018-11-27 19:24

Vue移动端项目真机运行查看

1.电脑和手机连接到同一个WIFI台式电脑和手机同时链接一个路由器，使用同一个wifi；笔记本也可以直接启用一个wifi，手机链接笔记本也wifi可以；2.查询本地IP地址widow：WIN+R，输入cmd回车，打开命令提示符，输入ipconfig，查看本地IPv4；Mac:3.修改本地项目中IP地址找到项目中config文件夹，下面index.js文件打开；找到host:‘localhost’,
贪吃的猫cx·2018-11-21 14:18

vue中组件的过渡动画及实现代码

1.和多个元素的过渡一样，用组件来替换transition中包裹的标签.fade-enter,.fade-leave-to{opacity:0}.fade-enter-active,.fade-leave-active{transition:opacity2s}clickmeVue.component('child-one',{template:`child-one`})Vue.component
先去前面探探路·2018-11-21 11:06

vue移动端项目记录滚动位置方案总结

最近在用vue做移动端项目，列表展示页面有很多条数据，在滑动到下面的时候，点到对应详情页，此时后退，应该在之前滚动的位置，不能滚动到顶部，这就需要记录滚动位置。这是需求，说完了需求，就考虑怎么实现吧！利用vue内置组件keep-alive缓存页面在路由文件router.js中设置缓存，方式如下{path:'/home',name:'home',component:resolve=>require(
weixin_34362790·2018-11-20 14:57

CSS3 不执行 Transition 过渡动画

如果元素设置了transition，那么当JavaScript改变相应属性值的时候，就会触发该过渡动画。
福州-司马懿·2018-11-15 16:23

Vue实现移动端页面切换效果【推荐】

在子页面把整个页面做绝对定位，覆盖整个屏幕，子父页面将router-view用transition套起来，并加上过渡动画就可以啦。
wenr·2018-11-13 08:22

css3动画

transition、transform、（@keyframes）animation过渡动画transition(默认：transition:all0ease0)语法：transition:propertydurationtiming-functiondelay1
Dj_Fairy·2018-11-05 17:51

h5c3 day1

FullPage插件）#搜索fullpagegithub下载后引入dist中css和js文件#js：transition帧动画，使用定时器，每隔一段时间更改当前元素状态#css3：animation补间动画，过渡动画
LBunny_·2018-10-31 15:23

vue移动端项目缓存问题实践记录

最近在做一个vue移动端项目，被缓存问题搞得头都大了，积累了一些经验，特此记录总结下，权当是最近项目问题的一个回顾吧！先描述下问题场景：A页面->B页面->C页面。
rocky191·2018-10-29 17:13

vue移动端项目缓存问题实践

最近在做一个vue移动端项目，被缓存问题搞得头都大了，积累了一些经验，特此记录总结下，权当是最近项目问题的一个回顾吧！先描述下问题场景：A页面->B页面->C页面。
java中高端架构师·2018-10-29 17:26

Vue.js学习记录-7-Vue进阶：动画特效

8.动画特效CSS过渡动画原理在Vue底层中，通过**标签包裹的内部元素会进行自动构建动画流程。即：Vue是通过更换元素上的class**来进行过渡动画效果的呈现的。
编程小透明·2018-10-23 15:07

vue移动端html5页面根据屏幕适配的四种解决方法

在vue移动端h5页面当中，其中适配是经常会遇到的问题，这块主要有死个方法可以适用。
百撕可乐·2018-10-19 08:11

React Native 特殊过渡动画

前序优秀的交互设计师在参考了京东的过渡动画后也想在我们的产品上增加类型的效果，在经过一番的Google和思考后觉得还是可以实现的，难度没有想象中的那么大，这里只是做一下总结。
KingTortoise·2018-10-17 17:49

vue移动端项目，屏幕适配方法，rem

【转】亲测有效，大家可以试试。使用的是vue-cli搭建的webpack项目，然后按步骤一步一步走下去就成功了1.终端中输入npmilib-flexible--save2.终端中输入npmipx2rem-loader--save-dev3.在项目入口文件main.js里引入lib-flexibleimport'lib-flexible'4.在项目根目录的index.html中添加如下meta5.在
Jermyo·2018-10-16 21:17

从零开始搭建vue移动端项目到上线的步骤

初始化项目1、在安装了node.js的前提下，使用以下命令npminstall--gvue-cli2、在将要构建项目的目录下vueinitwebpackmyproject(项目目录名称)一路回车如下中间会让选择ESLint进行项目代码风格检查，为了美观和效率，可以开起来，vue-router用起来，红框框中的两个测试，不要也罢，后面是问要使用哪个进行install依赖包，默认npm好了；然后回车，
Mr、Gao·2018-10-15 14:29

【视频分享】尚硅谷HTML5前端视频_Vue核心技术&&Vue项目实战

尚硅谷HTML5前端视频_Vue核心技术&&Vue项目实战vue本视频基于Vue2.5录制,涵盖Vue开发所需技术:模板、数据绑定、声明式渲染、计算属性、事件处理、过渡动画、指令、自定义Vue插件、组件化开发
IT蚱蜢哥·2018-10-12 19:09

CSS3中的动画属性

CSS3动画虽然transition在一定的时间内可以实现元素的初始状态在指定的时间范围过渡最终状态，模拟一种过渡动画效果，但它的功能是非常有限的。因此，CSS3新增了一个动画属性animation。
qw507169008·2018-10-09 07:15

CSS3 动画属性

CSS3动画虽然transition在一定的时间内可以实现元素的初始状态在指定的时间范围过渡最终状态，模拟一种过渡动画效果，但它的功能是非常有限的。因此，CSS3新增了一个动画属性animation。
wx5b83bfb2a52d1·2018-10-08 14:36

CoreAnimatin-高级动画技巧

我们还可以用其他类型的动画对象来创建视觉过渡和其他有趣的动画效果过渡(Transition)动画支持对layer可视的改变顾名思义，过渡动画对象可以为layer创建一个过动画过渡视觉。
充满活力的早晨·2018-10-08 11:47

vue移动端城市三级联动组件

先看效果图以下组件代码取消完成{{item.name}}{{item.name}}{{item.name}}exportdefault{data(){return{list:[],list2:[],list3:[],provinceStyle:{WebkitTransform:'translate3d(0px,0px,0px)'},cityStyle:{WebkitTransform:'trans
Ajaxguan·2018-09-30 10:47

C3的过渡动画及3D效果

一.动画的基本语法和参数1,过渡:transition:使元素指定属性从A状态过渡平滑过渡到B状态，而不是直接过去，2.语法:transition:all1sease0s;第一个参数:需要过渡的属性,all(默认)所有属性都过渡基本上所有属性都能过渡不能过渡:float/渐变*/第二个参数:过渡时间s第三个参数:缓冲描述词,速率ease:逐渐变慢linear:匀速过渡ease-in:先慢后快eas
35eeabfa0772·2018-09-27 11:20

vue移动端弹框组件的实例

最近做一个移动端项目，弹框写的比较麻烦，查找资料，找到了这个组件，但是说明文档比较少，自己研究了下，把我碰到的错，和详细用法分享给大家！有疑问可以打开组件看一看，这个组件是仿layer-mobile的，很多用法都一样，可以看看哦！一、npm安装//当前最新版本1.2.0npminstallvue-layer-mobile//如新版遇到问题可回退旧版本npminstallvue-layer-mobi
哓番茄·2018-09-25 10:33

Vue页面跳转动画效果的实现方法

对用户体验方面的要求越来越高了，最近致力于用户体验优化，因为需要实现类似APP页面切换的动画效果，百度google搜索资料不是很全，所以自己写文档，在实现效果的基础上，顺便恶补一波VueRouter及CSS过渡动画的知识点
mosa·2018-09-23 12:30

vue移动端图片上传，可最多上传9张,使用webuploader插件

屏幕快照2018-09-0909.43.18.png{{num}}疾病分类请选择疾病分类{{item.title}}请选择疾病分类为了保证信息的真实有效性，请填写真实信息姓名手机号码上传病例或报告，最多可上传9张//varthree_part_css=[//"//cdn.bootcss.com/photoswipe/4.1.1/photoswipe.css",//"//cdn.bootcss.co
冰淇wbq·2018-09-09 09:11

vue移动端设置出生日期

屏幕快照2018-09-0909.13.17.png屏幕快照2018-09-0909.14.20.png使用mobiscroll是个很好用的jquery日期插件，它可以实现在移动端滚动选择日期。在vue中如何使用插件，在mounted中调用插件出生日期data(){return{birthday:''}},mounted(){require('./jquery.min');require('./m
冰淇wbq·2018-09-09 09:32

vue移动端下拉刷新和上拉加载的实现代码

由于自身的项目比较简单，只有几个H5页面，用来嵌入app中，所有没有引入移动端的UI框架，但是介于能让用户在浏览H5页面时有下拉刷新和上拉加载，有更好的用户体验，自己写组件实现。1、下拉刷新DropDownRefresh.vue{{dropDownStateText.downTxt}}{{dropDownStateText.upTxt}}{{dropDownStateText.refreshTxt
darkerXi·2018-09-08 14:52

路由的过渡动画

想让路由有过渡动画，需要在标签的外部添加标签，标签还需要一个name属性我们在/src/App.vue文件里添加了标签，并给标签起了一个名字叫fade。
冰滩波纹·2018-09-06 15:51

vue移动端监听滚动条高度的实现方法

这两天做移动端项目遇到的问题，就是当滚动条下拉到一定的高度的时候，让某个东西固定定位到顶部首先做的如何监听滚动条的高度，下面是我写的方法var_this=thiswindow.addEventListener('scroll',function(){varscrollTop=document.documentElement.scrollTop||document.body.scrollTop;if
guo一清·2018-09-03 15:29

vue移动端微信授权登录插件封装的实例

1、新建wechatAuth.js文件constqueryString=require('query-string')//应用授权作用域，snsapi_base（不弹出授权页面，直接跳转，只能获取用户openid），snsapi_userinfo（弹出授权页面，可通过openid拿到昵称、性别、所在地。并且，即使在未关注的情况下，只要用户授权，也能获取其信息）constSCOPES=['snsap
小小令·2018-08-28 09:16

Android Transition Framework(过渡动画框架)

先说下什么是Transition(过渡动画).Lollipop(5.0)中Activity和Fragment的过渡动画是基于Android一个叫作Transition的新特性实现的。
ZSGZ_AD·2018-08-27 22:21

vue transition 结合 animate.css 实现动画过渡

在vue组件中实现一些过渡动画是很常见的，有时候使用一些css库也是很正常的，今天就简单的说一下在vue组件中使用transition与animate.css结合的用法安装animate.csscnpminstallanimate.css–save
maindek·2018-08-20 15:32

详解vue移动端项目的适配(以mint-ui为例)

1、使用vue-cli脚手架生成项目骨架，略。2、相关配置：rem适配：index.html加入以下代码，并在head中加入以下meta;(function(doc,win){vardocEl=doc.documentElement,resizeEvt='orientationchange'inwindow?'orientationchange':'resize',recalc=function(
a公子小白·2018-08-17 10:24

vue移动端项目的适配(以mint-ui为例)

1、使用vue-cli脚手架生成项目骨架，略。2、相关配置：rem适配：index.html加入以下代码，并在head中加入以下meta;(function(doc,win){vardocEl=doc.documentElement,resizeEvt='orientationchange'inwindow?'orientationchange':'resize',recalc=function(
a公子小白·2018-08-16 00:00

关于Vue.js的v-for，key的顺序改变，影响过渡动画表现

关于Vue.js的v-for，key的顺序改变，影响过渡动画表现这个问题是在写Message组件出现的，先看代码部分子组件：#Notice：........
chuchur·2018-08-01 09:00

vue移动端日历组件 mintUi dateTime picker 设定开始和结束日期

=====================================追加提示2018.9.17===============================继续填坑如果你想修改这个组件的取消和确定按钮则需要像下面的startDate一样在标签上写:cancel-text和:confirm-text然后用一个vue变量接一下设定一下值就可以了这里我只想吐槽属性怎么用完全靠自己猜想真的是可以了=
gaoqiang1112·2018-07-30 10:41

vue移动端复杂表格表头，固定表头与固定第一列

#前言最近做移动端的h5项目，要做一个可配置表头的复杂表格，网上找了很久也没什么好方法，结合网上的一些例子，在此做一了一个完整的vue版的例子。#效果无图无真相，先上最终效果图再说。#方法一：iscroll插件版###第一步：npminstall引入iscrollnpmiiscroll--save###第二步：封装对插件再做一层封装，封装成iscrollTable.js方便调用，代码如下：//统一
全栈修炼·2018-07-28 11:09

vue移动端复杂表格表头，固定表头与固定第一列

前言最近做移动端的h5项目，要做一个可配置表头的复杂表格，网上找了很久也没什么好方法，结合网上的一些例子，在此做一了一个完整的vue版的例子。效果无图无真相，先上最终效果图再说。方法一：iscroll插件版第一步：npminstall引入iscrollnpmiiscroll--save第二步：封装对插件再做一层封装，封装成iscrollTable.js方便调用，代码如下：//统一使用constiS
夜尽天明·2018-07-28 00:00

【微信小程序】 隐藏小程序 导航栏/TabBar

wx.navigateTo跳转到新页面3、微信基础库1.9.0开始支持apiwx.hideTabBar/wx.showTabBarwx.hideTabBar({animation:true//是否需要过渡动画
AwesomeDevin·2018-07-26 11:09
上一页 30 31 32 33 34 35 36 37 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他