目录 基本知识默认例子1、baseline 基线对齐2、上标 super 和 下标 sub2.1 sub2.2 super 3、top 和 bottom3.1 top3.2 bottom 4、text-top 和 text-bottom4.1 text-top4.2 text-bottom 5、middle 中线对齐6、% 百分比7、具体的值 基本知识 vertical-align 属性设置元素的垂直对…

组件概述 组件（Component）是界面搭建与显示的最小单位，HarmonyOS ArkUI声明式开发范式为开发者提供了丰富多样的UI组件，我们可以使用这些组件轻松的编写出更加丰富、漂亮的界面 组件根据功能可以分为以下五大类：基础组…

ArkTS提供了Column和Row容器来实现线性布局。 Column表示沿垂直方向布局的容器。Row表示沿水平方向布局的容器。 Column和Row容器的接口: Column和Row容器的属性： 一：主轴方向的对齐（justifyContent属性） justifyContent参数类…

前言： DevEco Studio版本：4.0.0.600 Tabs的链接参考：OpenHarmony Tabs TabContent的链接参考：OpenHarmony TabContent 通过查看链接参考我们知道可以通过TabContent的tabBar来实现自定义TabBar样式（CustomBuilder&…

Column容器： 整个页面沿垂直方向布局 Row容器： 整个页面沿水平方向布局 布局容器的基础知识： 默认存在两根轴，主轴和交叉轴，是相互垂直的 Column容器是垂直方向布局，主轴的方向是垂直方向，交叉…

前言：我们自定义组件的时候，有时候需要传递大量的参数，父组件给子组件传值的时候需要很多参数，就需要每个参数都要写一遍，但是我在看系统的高级组件的时候，它的组件写法很值得我们去学习。那如何优雅的实现…

相对布局组件，用于复杂场景中元素对齐的布局。 说明： 该组件从API Version 9开始支持。 规则说明 容器内子组件区分水平方向，垂直方向： 水平方向为left， middle， right，对应容器的HorizontalAl…

Column&Row组件的使用 1、概述 容器组件是一种比较特殊的组件，它可以包含其他的组件，而且按照一定的规律布局，帮助开发者生成精美的页面。容器组件除了放置基础组件外，也可以放置容器组件，通过多层布局的嵌套&am…

一、了解vertical-align支持的属性值以及组成 vertical-align 属性设置元素的垂直对齐方式。 vertical-align的各类属性值 vertical-align的属性值可以归为以下4类： 线类，如 baseline(默认值)、top、middle、bottom；文本类，如 text-top、text-bottom；上标下标类，如 su…

1 概述 一个丰富的页面需要很多组件组成，那么，我们如何才能让这些组件有条不紊地在页面上布局呢？这就需要借助容器组件来实现。 容器组件是一种比较特殊的组件，它可以包含其他的组件，而且按照一定的规律布局&#xf…

注：该版本为API9，最新Next版本在这里：Harmony Next -- 通用标题栏：高度自定义，可设置沉浸式状态，正常状态下为：左侧返回、居中标题，左中右均可自定义视图。_鸿蒙 navdestination 标题…

线性布局容器（Row、Column） 线性容器类表示按照水平方向或者竖直方向排列子组件的容器，ArkUI开发框架通过 Row 和 Colum 来实现线性布局。 主轴和纵轴概念 什么是主轴和纵轴？对于线性容器来说，有主轴和纵轴之分&…

RelativeContainer 简介 前言核心概念官方实例官方实例改造蓝色方块改造center 属性说明参考资料 前言 RelativeContainer是鸿蒙的相对布局组件，它的布局很灵活，可以很方便的控制各个子UI 组件的相对位置，其布局理念有点类似于android的约束…

✍️作者简介：小北编程（专注于HarmonyOS、Android、Java、Web、TCP/IP等技术方向） 🐳博客主页： 开源中国、稀土掘金、51cto博客、博客园、知乎、简书、慕课网、CSDN 🔔如果文章对您有一定的帮助请&#x1f…

行盒（line box） 当一个盒子没有设置高度时，其高度由内容撑开，本质上是由其行高（line-height）撑开。 每一行的行高（line-height）加起来就是整个盒子的高度。 如果我们在中间加一个行…

1、vertical-align的定义 CSS 的 vertical-align 属性使用场景： 经常用于设置图片或者表单(行内块元素）和文字垂直对齐。 官方解释： 用于设置一个元素的垂直对齐方式，但是它只针对于行内元素或者行内块元素有效。 2、vertical-al…

💥💥💥💥💥💥💥💥💞💞💞💞💞💞💞💞💞Matlab武动乾坤博客之家💞…

上次写好了登录页，登录成功之后如何呢？ 登录成功之后应该进入用户主页，主页上有显示操作的菜单，对吧。 为了完成上述目标，我们需要添加一个组件Vue Router 添加Vue Router 注意vue cli做的变动，我来依次修改…

在草稿箱里躺了数日之久，今天不能再让你发酵了。 一直在尝试混合开发的几套组合，在这一套中有些功能的实现需要进行一些总结，方便我在使用下一套框架进行相同的功能开发时能够关联性强一些，更易于理解，并且区分优劣&am…

近年来，时代在进步，科技在发展。 跨平台开发技术热潮高涨，Cordova由此而生。比较火热的前端框架技术有好多，像AngularJS-mobile、Framework7、OnsenUI。这里主要是记录一下OnsenUI的学习心得。 OnsenUI：http://onsen.…