鸿蒙 用tabs的 divider 属性 添加分割线，非常好用

最新推荐文章于 2024-08-07 20:21:18 发布
最新推荐文章于 2024-08-07 20:21:18 发布
阅读量657 收藏 9
点赞数 8
分类专栏： 鸿蒙NEXT开发实战 文章标签： harmonyos
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/janronehoo/article/details/139736885
版权
鸿蒙NEXT开发实战 专栏收录该内容
22 篇文章 0 订阅 ¥69.90 ¥99.00
订阅专栏
divider10+DividerStyle | null

用于设置区分TabBar和TabContent的分割线样式设置分割线样式，默认不显示分割线。

DividerStyle: 分割线的样式；

null: 不显示分割线。

添加前：

cke_550.png

添加后的效果：

cke_2005.png

积跬步DEV
关注
  • 8
    点赞
  • 踩
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
订阅专栏
鸿蒙OS应用开发之分隔线组件
大坡3D软件开发
01-12 759
前面学习了百分比组件，可以实现不同的百分比的图形显示。本文将来学习一个分隔组件，可以把一些列表或按钮组件进行分隔，达到分组的目的。比如一个列表里，有一部分项是操作查看的，一部分是操作编辑的，就可以使用分隔组件进行分离开。比如上图就是使用横的分隔条把菜单进行分离。提供分隔器组件，分隔不同内容块/内容元素。在这两个按钮之间就出现了一条分隔线。
HarmonyOS(42) Divider 分割器组件 实现分割线
菜鸟博客
07-01 442
HarmonyOS Divider入门
鸿蒙开发：从入门到实战！
m0_64422261的博客
06-07 595
因为注册和忘记密码文本在两端，可以使用布局属性也可以使用Blank来实现，占用空余布局。
鸿蒙Harmony应用开发—ArkTS声明式开发（容器组件：RowSplit）
m0_64420071的博客
03-16 1279
ArkTS声明式开发（容器组件：RowSplit）
HarmonyOS应用开发：ColumnSplit（容器组件）
situnanQAQ的博客
06-13 453
将子组件纵向布局，并在每个子组件之间插入一根横向的分割线。
鸿蒙Harmony应用开发—ArkTS声明式开发（容器组件：ColumnSplit）
m0_64420071的博客
03-14 1324
ArkTS声明式开发（容器组件：ColumnSplit）
鸿蒙应用开发（基础篇）之列表组件
xiangzhihong8的专栏
09-12 2915
List是很常用的滚动类容器组件，一般和子组件ListItem一起使用，List列表中的每一个列表项对应一个ListItem组件。Grid组件为网格容器，是一种网格列表，由“行”和“列”分割的单元格所组成，通过指定“项目”所在的单元格做出各种各样的布局。Grid组件一般和子组件GridItem一起使用，Grid列表中的每一个条目对应一个GridItem组件。
鸿蒙（HarmonyOS）项目方舟框架（ArkUI）之RowSplit容器组件
adendean的博客
03-05 356
鸿蒙（HarmonyOS）项目方舟框架（ArkUI）之RowSplit容器组件。
鸿蒙HarmonyOS应用开发者认证 题库+答案案
01-18
鸿蒙HarmonyOS应用开发者认证题库+答案案 本资源提供了鸿蒙HarmonyOS应用开发者认证的题库和答案，涵盖了HarmonyOS应用开发的多个方面，包括容器组件、 Ability、Web组件、网络请求、首选项、自定义组件、弹窗组件...
javascript动态添加删除tabs标签的方法
10-23
在JavaScript中，动态添加和删除tabs标签是常见的页面交互功能，用于创建可交互的用户界面。本篇文章将深入探讨如何使用JavaScript实现这一功能，包括对页面元素的操作技巧。 首先，我们需要理解tabs的基本结构。...
jQuery Easyui Tabs扩展根据自定义属性打开页签
10-21
主要介绍了jQuery Easyui Tabs扩展根据自定义属性打开页签的实现代码,首先增加扩展，接着点击事件open方法实现easyui tabs扩展，非常不错，需要的朋友可以参考下
jquery换肤和Tabs动态添加
01-13
在网页开发中，jQuery是一个非常流行的JavaScript库，它极大地简化了DOM操作、事件处理和动画效果。本主题将深入探讨“jQuery换肤”和“Tabs动态添加”这两个关键知识点。 首先，我们来看“jQuery换肤”。换肤功能...
【HarmonyOS】【JS】Tabs如何设置区分TabBar和TabContent的分割线不显示
华为开发者联盟
04-28 1008
分割线内部实现是放置在tab-bar元素内，可通过给tab-bar元素设置高度 & tab-bar中每个页签也设置同样高度，让页签元素的高度刚好为tab-bar元素高度，蓝色分割线不显示。使用JS开发HarmonyOS应用时，使用Tabs组件，默认自带TabBar和TabContent的蓝色分割线，由于蓝色分割线样式不可设置，若不想要此蓝色分割线，如何去除蓝色分割线？1、若JS使用Tabs，蓝色分割线为组件自带样式，暂不支持属性支持显示与隐藏，通过css或者其他方式都无法去除；【Tabs相关文档】
HarmonyOS NEXT实战开发：Tabs组件
hanyanyou的博客
07-19 618
通过页签进行内容视图切换的容器组件，每个页签对应一个内容视图。
鸿蒙开发系列教程（二十三）--List 列表操作（2）
huazi99的博客
02-16 2544
在列表项之间添加间距，可以使用space参数，主轴方向。
鸿蒙Harmony应用开发—ArkTS声明式开发（容器组件：Tabs）
m0_64420071的博客
03-16 1985
ArkTS声明式开发（容器组件：Tabs）
鸿蒙OS应用开发之——Java UI框架-常用组件ProgressBar
我的博客
01-06 537
一 概述 ProgressBar用于显示内容或操作的进度； 水平显示的ProgressBar 圆形显示的RoundProgressBar 二 水平显示的ProgressBar 2.1 创建ProgressBar layout目录XML配置 <?xml version="1.0" encoding="utf-8"?> <DirectionalLayout xmlns:ohos="http://schemas.huawei.com/res/ohos" ohos:heigh
鸿蒙AI功能开发【hiai引擎框架-通用文字识别】 基础视觉服务
最新发布
2301_76813281的博客
08-07 468
本示例展示了使用hiai引擎框架提供的通用文字识别能力。 本示例模拟了在应用里，选择一张图片，识别其文字信息并展示出来（可复制）。 需要使用hiai引擎框架通用文字识别接口@kit.CoreVisionKit.d.ts。
antd tabs items属性
05-26
Ant Design中的Tabs组件有一个items属性，它用于定义选项卡的内容。该属性是一个数组，每个元素代表一个选项卡。 每个选项卡可以包含以下属性： - key：选项卡的唯一标识符，必须提供。 - tab：选项卡的标题，可以...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值