Taro React组件使用(1) —— Overlay 遮罩层【渐入渐出动画遮罩层】
2023-09-14 09:15:07 时间
Overlay 遮罩层
提供一个简单的 Overlay 遮罩层,在页面上的层级为 1026;
1. 使用指南
在 Taro 文件中引入组件,将组件放入src下的components文件夹中
import RuiOverlay from "../../components/RuiOverlay/RuiOverlay";
2. 基础用法
2.1 组件使用
{/* 基本案例 */}
<RuiOverlay isOpened={isShowBase}
onClose={() => { this.setState({ isShowBase: false }) }} />
2.2 显示遮罩层
<View className="rui-flex-ac rui-list-item"
onClick={() => { this.setState({isShowBase: true}) }}>
<Text className="rui-fs30 rui-fg">基本案例</Text>
<Text className="rui-icon rui-icon-arrow-right rui-fa rui-fs30"></Text>
</View>
3. 嵌入内容居中
3.1 组件使用
相关文章
- android scaleanimation动画,【Android动画九章】-RotateAnimation(旋转动画)和ScaleAnimation(尺寸动画)…[通俗易懂]
- React saga_react获取子组件ref
- JS动画卡顿分析_学会java就能自己设计软件吗
- Taro React组件使用(1) —— Overlay 遮罩层【渐入渐出动画遮罩层】
- 关于物理效果的动画引擎 UIDynamic 介绍
- javascript动画效果_js动画效果animate
- 点击页面弹出富强、民主、文明、和谐、自由、平等、公正、法治、爱国、敬业、诚信、友善社会主义核心价值观这类文字动画效果
- Pygame入门3——分数、增加敌人、动画
- KeyShot Pro for mac(3D渲染和动画制作软件)v11.3.2.3中文版
- jquery判断css3动画是否完成的方法详解编程语言
- 动画|航空发动机压力那么大,如何“冷静”下来?
- 《黑客动画吧web入侵》
- 安卓编年史(12):Android 2.1——动画的大发现(以及滥用)时代
- K-3D是基于GNU/Linux和Win32的一个三维建模、动画和绘制系统,是一款免费、开放原始码的 3D 模型和动画制作与渲染 (rendering) 工具,它强大的功能可以满足专业人士的需求。它可以创建和编辑 3D 几何图形,提供极具弹性的面向对象的插件增强功能及以节点作基础的可视化管线架构,所有参数和选项的调整,都会立即显现结果,而且可以无限次数地复原与取消复原。此外,它使用与 RenderMan 相符的渲染引擎 (render engine),可创作出电影质量的 3D 动画。
- javascript小型动画组件与实现代码
- js动画效果制件让图片组成动画代码分享
- jquery防止重复执行动画避免页面混乱