无法在这个位置找到: 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-body ] 内容安全区域

时间:2020-09-19 23:17来源:www.lyuid.com 作者:前沿视觉网 点击:
V1.1.1 [ lyuif-body ] 内容安全区域 # 效果预览 Demo 参数说明 API 自动适配刘海 iphoneX,使内容处于于安全区域 参数 说明 类型 默认值 ui 组件容器-外部class类 Strting / css 组件容器-style样式 Strting / na

V1.1.1 [ lyuif-body ] 内容安全区域#

效果预览 Demo

 
参数说明 API
自动适配刘海 iphoneX,使内容处于于安全区域
参数 说明 类型 默认值
ui 组件容器-外部class类 Strting /
css 组件容器-style样式 Strting /
nav-bar 顶部导航栏存在,body处于导航栏下面 Boolean true
fixed 安全区域内容固定 Boolean true
z 层级 Strting /
c 字体颜色 Strting /
bc 背景颜色 Strting /

Lyuif组件源码展示

  1. <lyuif-body
  2.     nav-bar="{{true}}"
  3.     fixed="{{true}}"
  4.     z="999"
  5.     c="#333"
  6.     bc="#f5f5f5"
  7.     ui="yourClass"
  8.     css="color:#red;..."
  9. >
  10.  
  11. <view>内容</view>
  12.  
  13. </lyuif-body>
  14.  
前端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