gisery - 博客园

2018年4月21日

摘要：首先安装animate.css类库 cnpm install animate.css –save 然后在vue的script文件中引用使用方法如下 //使用duration来统一设置入场和离场时候动画 //还可以分别设置 :duration="{enter:200,leave:400}" <tra 阅读全文

posted @ 2018-04-21 23:11 gisery 阅读(11236) 评论(0) 推荐(0)

vue过渡动画

摘要：在vue中实现过渡动画，需要用到transition把需要被动画控制的元素包裹起来 <div id="demo"> <button v-on:click="show = !show"> Toggle </button> <transition name="fade"> <p v-if="show"> 阅读全文

posted @ 2018-04-21 22:54 gisery 阅读(280) 评论(0) 推荐(0)

vue生命周期函数

摘要： Vue生命周期函数是vue实例在某一时间点会自动执行的函数 <!DOCTYPE html> <html> <head> <title></title> <script type="text/javascript" src="https://cdn.jsdelivr.net/vue/2.1.3/vue 阅读全文

posted @ 2018-04-21 09:34 gisery 阅读(325) 评论(0) 推荐(0)

2018年4月20日

display:inline-block解决文字有间隙问题

摘要：定义：display:inline-block是使元素以块级元素的形式呈现在行内。意思就是说，让这个元素显示在同一行不换行，但是又可以控制高度和宽度，这相当于内联元素的增强。但是display:inline-block存在文字间隙问题 <div class="container"> <div cl 阅读全文

posted @ 2018-04-20 12:04 gisery 阅读(181) 评论(1) 推荐(0)