1、首先我在App.vue中引入了animate.css
<style>
/每个页面公共css /
@import './common/uni.css';
@import './common/animate.css';
</style>
2、在index.vue中使用
<template>
<view class="content">
<image class="logo an " src="/static/logo.png"></image>
<view class="animated" hover-class="jello" style="border: 1rpx solid #333333;padding: 20rpx;" >
点击效果
</view>
</view> </template>
使用格式1： class="animated" hover-class="jello"
使用格式2：class="animateanimated" hover-class="animatejello"
我尝试过上面两种格式，但是鼠标点击 点击效果区域 后没有任何变化，请问怎么回事呢？
6 个回复
s***@qq.com
问题解决了吗？
Abrascha
使用格式：
适用于: Animate.css v4
1***@qq.com
根本就没有用 不起效果
2020-08-26 16:10
1***@qq.com - 无
请问问题解决了吗？我也是一样 根本没有任何效果
2***@qq.com
参考此教程解决https://segmentfault.com/a/1190000037710486
1***@qq.com
你得是view标签hove-class才能生效
Diligent_UI - 【插件开发】【专治疑难杂症】【多款插件已上架：https://ext.dcloud.net.cn/publisher?id=193663(微信搜索飘逸科技UI小程序直接体验)】【骗子请绕道】问题咨询请加QQ群：120594820，代表作灵感实用工具小程序
推荐组件动画库组件https://ext.dcloud.net.cn/plugin?id=12816，已经成功使用animate