铅笔小新
铅笔小新
  • 发布:2019-02-22 12:03
  • 更新:2021-09-15 22:41
  • 阅读:5630

uniapp里 使用 css3动画 没有效果 请教下 是不是哪里写错了

分类:uni-app

用定时器在2s后通过改变值来增加动画的类名 已经成功增加了类名 但是没有动画 求指点呀
<template>
<view>
<view class="aaa" :class="a==true?'hide':''">
</view>
</view>
</template>
<script>
export default {
data() {
return {
a: false,
}
},
onLoad: function() {
var self = this;
setTimeout(function(){
self.a = true;
},2000)
},
methods: {
},
}
</script>
<style lang="less">
.aaa {
width: 100upx;
height: 100upx;
background-color: rgba(12, 42, 52, 1);
opacity: 1;

	.hide {  
		animation: hide 1s infinite ease-in-out;  
	}  
}  

@keyframes hide {  
	0% {  
		opacity: 1;  
	}  
	100% {  
		opacity: 0;  
	}  
}  

</style>

2019-02-22 12:03 负责人:无 分享
已邀请:
w***@163.com

w***@163.com

uniapp支持css3吗?

DCloud_heavensoft

DCloud_heavensoft

这和uni-app无关。你发布到h5,要看浏览器是否支持。发布到小程序,要看小程序的webview版本。发布到app,要看手机os的webview版本。

w***@163.com

w***@163.com

楼主有用webview吗?似乎并没有

w***@163.com

w***@163.com

看来uniapp的CSS3效果是依赖手机webview的

征途决不言败

征途决不言败

你那个a的判断有点问题,把a初始化设置成true应该就没问题了

征途决不言败

征途决不言败

不好意思看差了

该问题目前已经被锁定, 无法添加新回复