更新记录

1.0.5（2024-08-06） 下载此版本

更新文档

1.0.4（2024-07-23） 下载此版本

修复控制台警告

1.0.3（2024-07-03） 下载此版本

更新文档

查看更多

平台兼容性

uni-app

Vue2 Vue3 Chrome Safari app-vue app-nvue Android iOS 鸿蒙
× √ √ √ √ × - - -
微信小程序 支付宝小程序 抖音小程序 百度小程序 快手小程序 京东小程序 鸿蒙元服务 QQ小程序 飞书小程序 快应用-华为 快应用-联盟
√ √ √ √ √ √ - √ √ - -

其他

多语言 暗黑模式 宽屏模式
× × √

r-animation

r-animation 是一个基于 animate.css 的一个过度动画组件，方便简洁的使用animate.css动画。

示例

<r-animation
    :show="show"
    :duration="3000"
    :delay="0"
    entryClass="animate__fadeIn"
    @open="open"
    @close="close"
    @opened="opened"
    @closed="closed"
    exitClass="animate__fadeOut">

    <image class="logo" src="/static/logo.png"></image>

</r-animation>
<button @click="show=!show">show</button>

API

Props

参数 说明 类型 默认值 可选值
show 加载动画的显隐 Boolean false true
entryClass 入场动画 String animate__fadeIn animate__bounceIn ...更多可移步到官网查看 https://animate.style/
exitClass 退场动画 String animate__fadeOut animate__bounceOut ...更多可移步到官网查看 https://animate.style/
duration 持续时间(ms) Number 1000 -
delay 延迟时间(ms) Number 0 -
customStyle 自定义样式 Object {} -

Slots

名称 说明
default 动画组件内部，将需要添加动画的内容放置于此

Events

事件名 说明 回调参数
open 打开的回调 -
opened 打开动画结束时的回调 -
close 关闭的回调 -
closed 关闭动画结束时的回调 -

更多组件，请前往rainui

隐私、权限声明

1. 本插件需要申请的系统权限列表：

无

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明：

插件不采集任何数据

3. 本插件是否包含广告，如包含需详细说明广告表达方式、展示频率：

无

许可协议

MIT协议
评论列表 撰写评论 向官方投诉
加载更多...