示范

示范1

示范2

示范3

一.功能描述

1.预设过渡

支持区分进出和支持预置过渡相结合，强调：支持元素展开和闭合的过渡。Name=='slide '或['slide'[，]]，无需外部转移高度即可实现。支持类的外部转移到转场或动画/*保留转场*/* * * 1、淡入淡出*2、上移、右移、下移、左移*3、缩放比例：默认为0-1。顺时针旋转。角度指示为向上的方向。如果逆时针方向在中间加预留。例如，向右旋转意味着选择180度，向下旋转意味着逆时针旋转90度。默认为90，180，270，360；-90.-180、-270、-360旋转* 5。幻灯片：内容块是打开的还是隐藏的。 *说明：以上是整体过渡的单位：传递名称时，可以进行多种组合，形成更复杂的过渡。*如果这些组合不足以供您使用，可以通过外部类转移实现部分或全部过渡。*/2，涵盖相关功能

没有掩码：mask:0。//此时过渡元素是卡槽的透明掩膜1:mask:1。//此时过渡元素是一个卡槽。例如，向左移动100%只会将透明遮罩2:mask:2移动卡槽宽度的100%。//此时，过渡元素是一个遮罩。例如，如果您向左移动100%，您将移动遮罩宽度的100%半透明遮罩3:mask:3。///此时，过渡元素是一个遮罩。例如，如果弹出窗口向上移动，遮罩也会向上移动。半透明面罩4:mask:4。///此时的过渡元素是卡槽。例如，如果弹出窗口向上移动，遮罩本身也会缩放。卡槽向上移动。3.卡槽样式设置完美

从上面可以看出。掩护的情况很多。然而，它完美地支持百分比设置：它可以从外部自定义类转移。4.其他细节。

完美支持自定义顶部和标签导航。在掩膜(包括透明掩膜)下，预设了五个布局位置：组合方向等。可以实现左右抽屉、上下弹出、中间淡入淡出的效果。离开动画完成后，通知父节点可以实现多节点联动。比如：手风琴效果5。支持所有节点。包括组件作为卡槽内容

过渡动画可以通过将这个组件放在需要动画的元素/组件上来实现。其实整个小程序页面做过渡还是挺酷的。类似支付宝页面进入蚂蚁森林二。可传输属性(可配置项目)

过渡相关类

external class :['输入类'，'输入活动类'，'输入到类'，'离开活动类'，'离开到类'，]，内容(卡槽)样式

外部类： ['自定义类'，]描述：完美支持像素，百分比或绝对设置

配置项目

属性： { name : { type :[string，object，array]，//支持区分enter和leave转换值： { enter : { type :[string，array]，value3360 ['up '，' fade']，//支持pass array，即内置转换可以与}，leave:' leave'}，show: {type: boolean，value 3:结合使用//离开过渡后是否保留状态。它没有display:none//，而是有一个掩码，以避免影响页面操作。禁止在此保持状态。适用于非口罩情况。Mask:0和1，2(1，2)是完全透明的，设置属性不会影响页面操作。不建议保留)保留： {类型：布尔值，值： False}，掩码： {//`支持选择掩码类型：以下四种类型都匹配，掩码的配置是类型：[字符串，数字]，//]。//如果为0，则表示没有掩码。1，2:全透明封面值： '0 '，}，//上边距。如果没有自定义导航栏或标签栏，则固定区域是中间的可见区域。否则，自定义中间可视区域的栏区域。//因此，为了兼容，如果定义了bar，就应该传入值来修正蒙版的面积。Margin:{//记得带上你的单位。类型：对象，值： {顶部：' 0px '，底部：' 0px '，}}，位置： {//`支持卡槽位置：top，右侧，底部，左侧，中间`如果有掩码，掩码中的卡槽位置在哪里？如果要再次偏移，可以使用边距实现外卡槽。键入：字符串，值： '右'，}，关闭3360 {//如果有掩码，请单击“掩码”关闭掩码。类型：布尔值，值3360假}三。完整代码(演示)

Git代码

以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。