无法在这个位置找到: 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-notify ] 通知栏

时间:2020-09-19 23:27来源:www.lyuid.com 作者:前沿视觉网 点击:
V1.1.1 [ lyuif-notify ] 通知栏 # 效果预览 Demo 参数说明 API 通知栏,通常为由上到下,固定在顶部显示,支持多种丰富动画 参数 说明 类型 默认值 ui 组件容器-外部class类 Strting / css 组件容器-style样

V1.1.1 [ lyuif-notify ] 通知栏#

效果预览 Demo

参数说明 API
通知栏,通常为由上到下,固定在顶部显示,支持多种丰富动画
参数 说明 类型 默认值
ui 组件容器-外部class类 Strting /
css 组件容器-style样式 Strting /
c 组件容器-字体颜色 Strting /
bc 组件容器-背景颜色 Strting /
z 组件容器-z-index 层级 Strting /
rd 组件容器-圆角大小 Strting /
sha 组件容器-显示隐藏投影 Boolean /
show 组件容器-显示隐藏状态 Strting /
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 top-down
val 内容 Strting self
val-ali 内容-容器内容-是否垂直居中对齐 Strting /
val-ui 内容-组件容器-外部class类 Strting /
val-css 内容-组件容器-style样式 Strting /

Lyuif组件源码展示

  1. <lyuif-notify
  2.     show="{{true}}"
  3.     sha="{{false}}"
  4.     val="内容"
  5.     val-ali="{{true}}"
  6. />
  7.  
自定义 Slot
支持内容自定义
参数 说明 类型 默认值
val 自定义内容 String /

Lyuif组件源码展示

  1. <lyuif-notify>
  2.     <view slot="tit">自定义内容</view>
  3. </lyuif-notify>
  4.  
前端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