无法在这个位置找到: 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-panel ] 面板

时间:2020-09-19 23:18来源:www.lyuid.com 作者:前沿视觉网 点击:
V1.1.1 [ lyuif-panel ] 面板 # 效果预览 Demo 参数说明 API 面板容器,可以放入自定义内容,默认为内容内置为 [ lyuif-cell ] 组件 参数 说明 类型 默认值 ui 组件容器-外部class类 Strting / css 组件容器-sty

V1.1.1 [ lyuif-panel ] 面板#

效果预览 Demo

参数说明 API
面板容器,可以放入自定义内容,默认为内容内置为 [ lyuif-cell ] 组件
参数 说明 类型 默认值
ui 组件容器-外部class类 Strting /
css 组件容器-style样式 Strting /
size 面板大小 (s/m//x/xl/xxl) Strting m
link 是否为跳转样式 Boolean false
link-ui 跳转样式-外部class类 Strting /
underline 是否显示下描边线条 Boolean true
ali 容器内容-是否垂直居中对齐 Strting /
head 是否使用-顶部-slot自定义 Boolean /
foot 是否使用-底部-slot自定义 Boolean /
tit 标题 Strting /
tit-ui 标题-自定义class类 Strting /
tit-css 标题-自定义样式style Strting /
sub 描述 Strting /
sub-ui 描述-自定义class类 Strting /
sub-css 描述-自定义样式style Strting /
val 内容 Strting /
val-ui 值或状态-自定义class类 Strting /
val-css 值或状态-自定义样式style Strting /
arrow 右侧-图标-是否显示 Boolean false
arrow-dir 右侧-图标-旋转角度(90/-90,180,-180) Strting /
arrow-name 右侧-图标-名称 Boolean arrow-1
arrow-size 右侧-图标-大小 Strting 36rpx
arrow-c 右侧-图标-颜色 Strting #aaaaaa

Lyuif组件源码展示

  1. <lyuif-panel
  2.     val-ali="{{true}}"
  3.     tit="标题"
  4.     sub="描述"
  5.     val="内容"
  6.     arrow="{{false}}"
  7. />
  8.  
自定义 Slot
支持自定义头部/底部
参数 说明 类型 默认值
head 自定义-头部 String /
foot 自定义-底部 String /

Lyuif组件源码展示

  1. <lyuif-panel>
  2.     <view slot="head">自定义-头部</view>
  3.     <view slot="foot">自定义-底部</view>
  4. </lyuif-panel>
  5.  
事件 Events
 
参数 说明 类型 默认值
bind:val 点击事件-右侧-内容 eventhandle /

Lyuif组件源码展示

  1. <lyuif-cell
  2.     bind:val="val"
  3. />
  4.  
  5.  
  6.  
  7.  
  8. ({Page
  9.     val(){
  10.     console.log('val')
  11.     },
  12. })
  13.  
前端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