鸿蒙os(页面格式简介)
2022/10/19 5:24:52
本文主要是介绍鸿蒙os(页面格式简介),对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
<element name="cb-swiper" src="./swiper1/swiper1"></element> <div class="cb-container"> <text> 美食大全 </text> <div class="cb-body"> <list> <list-item class="cb-body-item"> <cb-swiper list="{ {list}}"></cb-swiper> </list-item> </list> </div> </div> Page 生命周期: onStart() 首次创建,只会触发一次。 onActive() 在前台展示,应用与用户交互的状态。 onInactive() 当 Page 失去焦点时 onBackground() 当Page 不再对用户可见,在后台 onForeground() 当重新回到前台时 onStop() 系统将要销毁 Page 时 当系统首次创建 Page 实例时,触发 onStart()回调。对于一个 Page 实例,该回调在其生命周期过程 中仅触发一次,Page 在该逻辑后将进入 INACTIVE 状态。开发者必须重写该方法,并在此配 置默认展示的 AbilitySlice。
Grid和flex类似,布局的属性都是分为两类,一类定义在容器上,称为容器属性,一类定义在项目上,称为项目属性。
display属性
display:grid指定一个容器为网格布局,
<div class="container"> <div class="item"> </div> <div class="item"> </div> <div class="item"> </div> <div class="item"> </div> <div class="item"> </div> <div class="item"> </div> </div>
.container { width: 100%; display: grid; /**采用grid布局**/ background-color: palevioletred; /** grid-template-columns: 100px 200px 300px; grid-template-rows: 200px 200px;**/ grid-template-columns: 1fr 1fr 1fr; grid-template-rows: 200px 300px ; } .item { border: 5px solid white; width: 100%; height: 100%; }
这篇关于鸿蒙os(页面格式简介)的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2025-01-11有哪些好用的家政团队管理工具?
- 2025-01-11营销人必看的GTM五个指标
- 2025-01-11办公软件在直播电商前期筹划中的应用与推荐
- 2025-01-11提升组织效率:上级管理者如何优化跨部门任务分配
- 2025-01-11酒店精细化运营背后的协同工具支持
- 2025-01-11跨境电商选品全攻略:工具使用、市场数据与选品策略
- 2025-01-11数据驱动酒店管理:在线工具的核心价值解析
- 2025-01-11cursor试用出现:Too many free trial accounts used on this machine 的解决方法
- 2025-01-11百万架构师第十四课:源码分析:Spring 源码分析:深入分析IOC那些鲜为人知的细节|JavaGuide
- 2025-01-11不得不了解的高效AI办公工具API