无法在这个位置找到: lyuid_tpl_1683a9f6g8b6f2a71_file/meta.htm 无法在这个位置找到: lyuid_tpl_1683a9f6g8b6f2a71_file/pubcss.htm 无法在这个位置找到: lyuid_tpl_1683a9f6g8b6f2a71_file/menu.htm
无法在这个位置找到: lyuid_tpl_1683a9f6g8b6f2a71_file/top.htm
无法在这个位置找到: lyuid_tpl_1683a9f6g8b6f2a71_file/head.htm

[ lyuif-ani ] 动画

时间:2020-09-19 23:05来源:www.lyuid.com 作者:前沿视觉网 点击:
V1.1.1 [ lyuif-ani ] 动画 # 参数说明 API 丰富多样的动画为你提供便捷交互效果 参数 说明 类型 默认值 ui 组件容器-外部class类 Strting / css 组件容器-style样式 Strting / z 组件容器-z-index 层级 Strting 1000 rd 组件容器-圆角大小 Strting / show 是否显示-动画 Boolean false sha 是否显示-投影 Boolean true ani-type all/(所有变化的属性都起效果) Strting all ani-time 动画时长(单位:s) Number 0.5 ani 动画名称: 动画类型:由上到下-最终停留-顶部 top-down (动画说明) top-down-center top-down-scale top-down-center-scale top-down-center-scale top-up top-up-center top-up-scale top-up-center-scale top-up-center-scale top-left top-left-scale top-right top-right-scale 动画类型:由下到上-最终停留-底部 bottom-down (动画说明) bottom-down-center bottom-down-scale bottom-down-center-scale bottom-down-center-scale bottom-up bottom-up-center bottom-up-scale bottom-up-center-scale bottom-up-cente

V1.1.1 [ lyuif-ani ] 动画#

参数说明 API
丰富多样的动画为你提供便捷交互效果
参数 说明 类型 默认值
ui 组件容器-外部class类 Strting /
css 组件容器-style样式 Strting /
z 组件容器-z-index 层级 Strting 1000
rd 组件容器-圆角大小 Strting /
show 是否显示-动画 Boolean false
sha 是否显示-投影 Boolean true
ani-type all/(所有变化的属性都起效果) Strting all
ani-time 动画时长(单位:s) Number 0.5
ani 动画名称:

 动画类型:由上到下-最终停留-顶部
top-down (动画说明)
top-down-center
top-down-scale
top-down-center-scale
top-down-center-scale
top-up
top-up-center
top-up-scale
top-up-center-scale
top-up-center-scale
top-left
top-left-scale
top-right
top-right-scale

 动画类型:由下到上-最终停留-底部
bottom-down (动画说明)
bottom-down-center
bottom-down-scale
bottom-down-center-scale
bottom-down-center-scale
bottom-up
bottom-up-center
bottom-up-scale
bottom-up-center-scale
bottom-up-center-scale
bottom-left
bottom-left-scale
bottom-right
bottom-right-scale
Strting /
c 字体颜色-css值 Strting /
c-name 字体颜色-标准名称(red/blue) Boolean true
bc 背景颜色-css值 Strting /
bc-name 背景颜色-标准名称(red/blue) Boolean true

Lyuif组件源码展示

  1. <lyuif-ani
  2.     bor="{{true}}"
  3.     tit="标题"
  4.     tit-bold="{{true}}"
  5.     l-tit="返回"
  6.     l-ico="{{true}}"
  7. />
  8.  
  9. <view>容器内容</view>
  10.  
  11. </lyuif-ani>
  12.  

前端UI框架,UI框架组件,小程序组件,Lyuif前端框架专注于高效UI解决方案.lyuif是一款HTML/CSS前端框架,高效组件搭配lyui基因碎片化组合完美适配设计稿以及迭代更新,高效前端开发解决方案
无法在这个位置找到: lyuid_tpl_1683a9f6g8b6f2a71_file/footer.htm
无法在这个位置找到: lyuid_tpl_1683a9f6g8b6f2a71_file/side.htm 无法在这个位置找到: lyuid_tpl_1683a9f6g8b6f2a71_file/footbar.htm 无法在这个位置找到: lyuid_tpl_1683a9f6g8b6f2a71_file/pubjs.htm