<!DOCTYPE html><html lang="en"><head>
<meta charset="UTF-8">
<title>动画</title>
<script type="text/javascript" src="vue.js"></script>
<link rel="stylesheet" type="text/css" href="animate.css">
<style type="text/css">
p {
width: 300px;
height: 300px;
background: red;
margin: 10px auto;
}
</style>
<script type="text/javascript">
window.onload = function(){ var app = new Vue({
el:'#box',
data:{
show:false
}
})
} </script></head><body>
<div id="box">
<!-- 控制数据的值切换显示隐藏 -->
<button @click="show=!show">transition</button>
<!-- <transition enter-active-class="zoomInLeft" leave-active-class="zoomOutRight">
<p v-show="show" class="animated"></p>
</transition> -->
<!-- 第二种方法 -->
<!-- <transition enter-active-class="animated zoomInLeft" leave-active-class="animated zoomOutRight">
<p v-show="show"></p>
</transition> -->
<!-- 多元素运动 -->
<transition-group enter-active-class="zoomInLeft" leave-active-class="zoomOutRight">
<p v-show="show" class="animated" :key="1"></p>
<p v-show="show" class="animated" :key="2"></p>
</transition-group>
</div></body></html>vue过渡和animate.css结合使用
-
修改ViewPage的r预加载,左右滑动,切换经过中间页问题,ViewPager一屏显示多张图片
1.屏蔽切换的时候需要经过中间页 2.屏蔽ViewPager的滑动 3.预加载问题
-
Android ImageView高度根据图片比例自适应
设置adjustViewBounds // 是否保持宽高比
-
ImageView的android:adjustViewBounds属性
取值为true时: Adjust the ImageView's bounds to preserve the aspect ration of its drawable. 调整ImageView的界限来保持图像纵横比不变。 这并不意味着ImageView的纵横比就一定和图像的纵横比相同
-
Laravel 读取 config 下的数据
Laravel的config下一般存放配置信息,可以通过config('key')方法获取指定的数据。 设置值可通过「点」式语法读取,其中包含要访问的文件名以及选项名称。
-
android 用代码设置margin属性,textView加粗
设置layout参数, textview字体加粗
-
动态生成一个textview,设置padding不起作用的解决办法。
今天在动态写布局的时候,动态new了一个TextView,然后给其设置padding不起作用。
-
IntelliJ Idea 2017 免费激活方法
http://intellij.mandroid.cn/ http://idea.imsxm.com/ http://idea.iteblog.com/key.php
-
php对象和数组相互转换的方法
这篇文章主要介绍了php对象和数组相互转换的方法,通过两个自定义函数实现对象与数组的相互转换功能,非常简单实用,需要的朋友可以参考下
-
百度编辑器Ueditor的黑白名单过滤
黑白名单配置。UEditor针对进入编辑器的富文本内容提供了节点级别的过滤,可以通过该配置的修改来达到控制富文本内容的目的
-
PHP中session变量的销毁
本篇文章主要是对PHP中session变量的销毁进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助