从0到1学习纯血鸿蒙系统开发之常用布局（下篇，有详细代码帮助理解）

最新推荐文章于 2025-08-04 22:17:04 发布
原创 最新推荐文章于 2025-08-04 22:17:04 发布 · 498 阅读 · 13 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#学习 #harmonyos #华为 #纯血鸿蒙 #HarmonyOS

常用布局 （下）

6. 列表布局（List）

6.1 概述

List是⼀个功能强⼤的容器组件，使⽤List可以轻松⾼效地显⽰结构化、可滚动的列表信息，例如通讯录、新闻列表等等。
在这里插入图片描述
List容器的⼦组件为ListItem或者ListItemGroup，其中，
ListItem表⽰单个列表项，ListItemGroup⽤于列表数据的分组展⽰，其⼦组件也是ListItem，具体⽤法如下
在这里插入图片描述
在这里插入图片描述

6.2 参数

List组件的参数定义如下，下⾯逐⼀介绍每个参数

//代码块
List(value?:{space?: number | string, scroller?: Scroller})

6.2.1 space 列表项间距

space 参数⽤于设置列表项的间距，如下图所⽰
在这里插入图片描述

6.2.2 scroller 列表滚动控制器

scroller 参数⽤于绑定列表滚动控制器（Scroller），Scroller可以控制列表的滚动，例如令列表返回顶部
在这里插入图片描述
相关案例⻅：
Demos/entry/src/main/ets/pages/layout/list/parameter/scroller/s
olution/ScrollerPage.ets

//代码块
@Entry
@Component
struct ScrollerPage {
 data: number[] = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15]
 scroller: Scroller = new Scroller();
 build() {
 Stack({ alignContent: Alignment.BottomEnd }) {
 List({ space: 20, scroller: this.scroller }) {
 ForEach(this.data, (item:number) => {
 ListItem() {
 Text(item.toString())
 .itemTextStyle()
 }
 })
 }.listStyle()
 .height('100%')
 .width('100%')
 Button({ type: ButtonType.Circle }) {
 Image($r('app.media.icon_top'))
 .width(40)
 .height(40)
 }
 .width(60)
 .height(60)
 .backgroundColor(Color.Orange)
 .offset({ x: -20, y: -100 })
 .onClick(() => {
 this.scroller.scrollToIndex(0) // 实例化scroller内的⽅法
scrollToIndex
 })
 }
 }
}
@Extend(Text) function itemTextStyle() {
 .height(80)
 .width('100%')
 .textAlign(TextAlign.Center)
 .fontColor(Color.White)
 .fontSize(40)
 .fontWeight(FontWeight.Bold)
 .backgroundColor('#008a00')
 .borderRadius(10)
}
@Extend(List) function listStyle() {
 .backgroundColor(Color.White)
 .padding(20)
}

6.3 常⽤属性

6.3.1 主轴⽅向listDirection()

使⽤ listDirection() ⽅法可以设置列表的主轴⽅向（即列表的排列和滚动⽅向），其参数类型为枚举类型 Axis ，可选的枚举值如下
在这里插入图片描述

6.3.2 交叉轴对⻬⽅式alignListItem()

使⽤ alignListItem() ⽅法可以设置⼦组件在交叉轴⽅向的对⻬⽅式，其参数类型为枚举类型 ListItemAlign ，可选的枚举值有
在这里插入图片描述
相关案例⻅：
Demos/entry/src/main/ets/pages/layout/list/attribute/align/Alig
nPage.ets

//代码块
@Entry
@Component
struct AlignPage {
 data: number[] = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15]
 build() {
 List({ space: 20 }) {
 ForEach(this.data, (item) => {
 ListItem() {
 Text(item.toString())
 .height(80)
 .width(320)
 .itemTextStyle()
 }
 })
 }.listStyle()
 .height('100%')
 .width('100%')
 .alignListItem(ListItemAlign.Center)
 }
}
@Extend(Text) function itemTextStyle() {
 .textAlign(TextAlign.Center)
 .fontColor(Color.White)
 .fontSize(40)
 .fontWeight(FontWeight.Bold)
 .backgroundColor('#008a00')
 .borderRadius(10)
}
@Extend(List) function listStyle() {
 .backgroundColor(Color.White)
 .padding({ top: 20, bottom: 20 })
}

6.3.3 元素分割线divider()

使⽤ divider() 属性可设置列表元素分割线样式，该⽅法的参数定义如下

//代码块
divider(value: {strokeWidth: Length, color?: ResourceColor, 
startMargin?: Length, endMargin?: Length})


相关案例⻅：
Demos/entry/src/main/ets/pages/layout/list/attribute/divider/Di
viderPage.ets

//代码块
@Entry
@Component
struct DividerPage {
 data: number[] = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15]
 build() {
 List({ space: 20 }) {
 ForEach(this.data, (item:number) => {
 ListItem() {
 Text(item.toString())
 .height(80)
 .width(320)
 .itemTextStyle()
 }
 })
 }
 .listStyle()
 .height('100%')
 .width('100%')
 .alignListItem(ListItemAlign.Center)
 .divider({
 strokeWidth: 1,
 color: Color.Orange,
 startMargin: 30,
 endMargin: 30
 })
 }
}
@Extend(Text) function itemTextStyle() {
 .textAlign(TextAlign.Center)
 .fontColor(Color.White)
 .fontSize(40)
 .fontWeight(FontWeight.Bold)
 .backgroundColor('#008a00')
 .borderRadius(10)
}
@Extend(List) function listStyle() {
 .backgroundColor(Color.White)
 .padding({ top: 20, bottom: 20 })
}

6.3.4 滚动条样式scrollBar()

使⽤ scrollBar() ⽅法可以设置滚动条状态，该⽅法的参数类型为枚举类型
BarState ，可选的枚举值如下
相关案例⻅：
Demos/entry/src/main/ets/pages/layout/list/attribute/scrollBar/
ScrollBarPage.ets

//代码块
@Entry
@Component
struct ScrollBarPage {
 data: number[] = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15]
 build() {
 List({ space: 20 }) {
 ForEach(this.data, (item) => {
 ListItem() {
 Text(item.toString())
 .height(80)
 .width(320)
 .itemTextStyle()
 }
 })
 }.listStyle()
 .height('100%')
 .width('100%')
 .alignListItem(ListItemAlign.Center)
 .scrollBar(BarState.Auto)
 }
}
@Extend(Text) function itemTextStyle() {
 .textAlign(TextAlign.Center)
 .fontColor(Color.White)
 .fontSize(40)
 .fontWeight(FontWeight.Bold)
 .backgroundColor('#008a00')
 .borderRadius(10)
}
@Extend(List) function listStyle() {
 .backgroundColor(Color.White)
 .padding({ top: 20, bottom: 20 })
}

6.3.5 其余功能

上述只是List列表布局最为常⽤的⼀些功能，其余功能可参考官⽅⽂档。

6.4 课后练习

6.4.1 需求效果

使⽤列表布局List组件实现通讯录
在这里插入图片描述

6.4.2 代码实现

//代码块
// 定义接⼝，表⽰数据结构 
interface DataItem {
 key: string;
 items: string[];
}
@Entry
@Component
struct ScrollBarPage {
 // 使⽤数组来存储数据 
 @State data: DataItem[] = [
 { key: 'A', items: ['Angle', '安欣', '安静'] },
 { key: 'B', items: ['⽩娘⼦', '伯⽗'] },
 { key: 'C', items: ['蔡坤坤', '陈晓','陈妍希'] },
 ];
 @Builder
 itemHead(text: string) {
 // 列表分组的头部组件，对应联系⼈分组A、B等位置的组件 
 Text(text)
 .fontSize(30)
 .fontWeight(500)
 .textAlign(TextAlign.Start)
.padding({ left: 20 })
 .backgroundColor('#f6f6f6')
 .width(320)
 .height(50)
 }
 @Builder
 ItemDel(index: number, groupKey: string) {
 Button({ type: ButtonType.Circle }) {
 Image($r('app.media.icon_del_white'))
 .padding(5)
 .borderRadius('50%')
 .width('100%')
 .height('100%')
 .backgroundColor(Color.Red)
 }
 .width(40).height(40)
 .onClick(() => {
 console.log('点击删除当前项')
 // 深层级删除，需要使⽤后续为实现的知识点 组件级别状态管理 @ObjectLink 
和 @Observed 
 })
 }
 build() {
 Column() {
 Text('通讯录')
 .fontSize(40)
 .fontWeight(FontWeight.Bolder)
 .textAlign(TextAlign.Start)
 .width('100%')
 .padding({ left: 30 })
 List({ space: 20 }) {
 ForEach(this.data, (group: DataItem) => {
 ListItemGroup({ header: this.itemHead(group.key) }) {
 ForEach(group.items, (item: string, index: number) => {
 ListItem() {
 Row() {
 
Image($r('app.media.img_user_avatar')).width(50).height(50)
 Text(item.toString())
 .height(80)
 .width(320)
 .margin({ left: 30 })
 .fontSize(20)
 }
 }.width(320).padding({ left: 10 })
 .swipeAction({ end: this.ItemDel(index, group.key) })
 })
 }
 })
 }
 .listStyle()
 .height('100%')
 .width('100%')
 .alignListItem(ListItemAlign.Center)
 .scrollBar(BarState.Auto)
 }
 }
}
@Extend(List)
function listStyle() {
 .backgroundColor(Color.White)
 .padding({ top: 20, bottom: 20 })
}

7. router路由

router模块可⽀持路由跳转⻚⾯，但是在新版本api中router已经不推荐使⽤，官⽹原话：
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

7.1路由跳转模式

在这里插入图片描述

//代码块
this.getUIContext().getRouter().pushUrl({ url: 'pages/Index' }, 
router.RouterMode.Single)

7.2pushUrl路由跳转

跳转⽬标⻚⾯，⻚⾯在⻚⾯栈中从上往下加

//代码块
this.getUIContext().getRouter().pushUrl({ url: '⻚⾯地址' })

⽤法

//代码块
// 2.调⽤⽅法-普通跳转(可以返回) 
this.getUIContext().getRouter().pushUrl({
 url:'⻚⾯地址' 
})
// 2.调⽤⽅法-替换跳转（⽆法返回） 
this.getUIContext().getRouter().replaceUrl({
 url:'⻚⾯地址' 
})
// 2.调⽤⽅法-返回（） 
this.getUIContext().getRouter().back()

//Index.ets
import { router } from '@kit.ArkUI'
@Entry
@Component
struct Index {
 onPageShow(): void {
 AlertDialog.show({
 message: this.getUIContext().getRouter().getLength(),
 alignment: DialogAlignment.Bottom
 })
 }
 
 // 路由模式 ：  
 // 单⻚⾯模式 Single router.RouterMode.Single 
 // 标准模式：Standard router.RouterMode.Standard 
 build() {
 Column({ space: 20 }) {
 Text('我是Index')
 .fontSize(30)
 .fontWeight(900)
 Button('跳转SubPage')
 .onClick(() => {
 this.getUIContext().getRouter().pushUrl({
 url: 'pages/SubPage',
 })
 })
 Button('替换 Index')
 .onClick(() => {
 this.getUIContext().getRouter().replaceUrl({
 url: 'pages/SubPage',
 },)
 })
 }
 .width('100%')
 .height('100%')
 .justifyContent(FlexAlign.Center)
 }
}

//SubPage.ets
@Entry
@Component
struct SubPage {
 @State message: string = 'SubPage';
 onPageShow(): void {
 AlertDialog.show({ message: this.getUIContext().getRouter().getLength(), 
alignment: DialogAlignment.Bottom })
 }
 build() {
 Column({ space: 20 }) {
 Text(this.message)
 .fontSize($r('app.float.page_text_font_size'))
 .fontWeight(FontWeight.Bold)
 Button('返回')
 .onClick(() => {
 this.getUIContext().getRouter().back()
 })
 Button('跳转Index')
 .onClick(() => {
 this.getUIContext().getRouter().pushUrl({ url: 'pages/Index' })
 })
 }
 .justifyContent(FlexAlign.Center)
 .height('100%')
 .width('100%')
 }
}

7.5路由传参

//代码块
// -----------传递参数------------ 
// 普通跳转 并 传递参数 
this.getUIContext().getRouter().pushUrl({
 url:'地址',
 params:{
 // 以对象的形式传递参数 
 }
})
// 覆盖跳转并传递参数 
 this.getUIContext().getRouter().replaceUrl(
 url:'地址',
 params:{
 // 以对象的形式传递参数 
 }
)
// 返回并传递参数 
 this.getUIContext().getRouter().back(
 url:'地址',
 params:{
 // 以对象的形式传递参数 
 }
)
// -------------⻚⾯ B接收并解析参数------------ 
// aboutToAppear⼀会展开 （⽣命周期函数） 
aboutToAppear(): void {
 // 1.确认内容 
 console.log(JSON.stringify(router.getParams())) 
 // 2.通过 as 类型断⾔ 转为具体的类型 
 const params = router.getParams() as 类型
 // 3. 通过点语法即可取值 
 params.xxx 
}

带参数跳转

//代码块
import { router } from '@kit.ArkUI'
@Entry
@Component
struct Index {
 onPageShow(): void {
 AlertDialog.show({
 message: this.getUIContext().getRouter().getLength(),
 alignment: DialogAlignment.Bottom
 })
 }
 // 路由模式 ： 
 // 单⻚⾯模式 Single router.RouterMode.Single 
 // 标准模式：Standard router.RouterMode.Standard 
 build() {
 Column({ space: 20 }) {
 Text('我是Index')
 .fontSize(30)
 .fontWeight(900)
 Button('跳转SubPage')
 .onClick(() => {
 this.getUIContext().getRouter().pushUrl({
 url: 'pages/SubPage',
 })
 })
 Button('替换 Index')
 .onClick(() => {
 this.getUIContext().getRouter().replaceUrl({
 url: 'pages/SubPage',
 },)
 })
 Button('带参跳转SubPage')
 .onClick(() => {
 this.getUIContext().getRouter().pushUrl({
 url: 'pages/SubPage',
 params: {
 name: 'ArkUI',
 age: 18
 }
 })
 })
 }
 .width('100%')
 .height('100%')
 .justifyContent(FlexAlign.Center)
 }
}

//代码块
@Entry
@Component
struct SubPage {
@State message: string = 'SubPage';
 @State routerParams: string = '还没有路由参数'
 onPageShow(): void {
 AlertDialog.show({ message: this.getUIContext().getRouter().getLength(), 
alignment: DialogAlignment.Bottom })
 }
 aboutToAppear(): void {
 const params = this.getUIContext().getRouter().getParams() as object
 this.routerParams = JSON.stringify(params)
 }
 build() {
 Column({ space: 20 }) {
 Text(this.routerParams)
 .fontSize($r('app.float.page_text_font_size'))
 .fontWeight(FontWeight.Bold)
 Text(this.message)
 .fontSize($r('app.float.page_text_font_size'))
 .fontWeight(FontWeight.Bold)
 Button('返回')
 .onClick(() => {
 this.getUIContext().getRouter().back()
 })
 Button('跳转Index')
 .onClick(() => {
 this.getUIContext().getRouter().pushUrl({ url: 'pages/Index' })
 })
 }
 .justifyContent(FlexAlign.Center)
 .height('100%')
 .width('100%')
 }
}
从0到1学习纯血鸿蒙系统开发之常用布局（上篇，有详细代码帮助理解）
yangzijiangtou
07-16 327
线性布局（ LinearLayout ）是开发中最常用的布局，可通过容器组件 Column 和 Row 构建，其子组件会在垂直或者水平方向上进行线性排列，具体效果如下图所示❗ 说明Column和Row容器均有两个轴线，分别是主轴和交叉轴主轴：线性布局容器在布局⽅向上的轴线，Row容器主轴为横向，Column容器主轴为纵向。交叉轴：垂直于主轴⽅向的轴线。Row容器交叉轴为纵向，Column容器交叉轴为横向。层叠布局是指将多个组件沿垂直于屏幕的⽅向堆叠在⼀起，类似于图层的叠加。
HarmonyOS Next开发学习手册——UI布局各种方式简述
maniuT的博客
07-09 1030
组件按照布局的要求依次排列，构成应用的页面。在声明式UI中，所有的页面都是由自定义组件构成，开发者可以根据自己的需求，选择合适的布局进行页面开发。布局指用特定的组件或者属性来管理用户页面所放置UI组件的大小和位置。在实际的开发过程中，需要遵守以下流程保证整体的布局效果：确定页面的布局结构。分析页面中的元素构成。选用适合的布局容器组件或属性控制页面中各个元素的位置和大小。
从零开始开发纯血鸿蒙应用之网页浏览
御承扬的博客
02-22 1537
本篇围绕如何在纯血鸿蒙应用中，实现网址打开操作，先后介绍了带参数的自定义构建函数的使用，调用系统浏览器的实现，以及如何封装 WebViewPage。值得重点学习的，理当首推封装 webViewPage 的部分，基于该部分，可以扩展地探索开发浏览器的实现方案。
鸿蒙应用开发从入门到入行：篇1-HarmonyOS介绍--带你深入理解鸿蒙特性
weixin_42015374的博客
08-17 540
鸿蒙应用开发从入门到入行第一天 - HarmonyOS介绍导读：在本篇文章里，您将了解到HarmonyOS是什么，以及有哪些振奋人心的特性。并且猫林老师会在本篇文章里给出结论：鸿蒙必能蚕食安卓份额，并给出原因分析。HarmonyOS是什么HarmonyOS，中文称鸿蒙系统或鸿蒙OS。很多人对鸿蒙系统还存在误解，以为鸿蒙其实...
纯血鸿蒙APP实战开发——Native保存图片到应用沙箱
heyuan49的博客
08-23 709
本示例主要介绍Native如何将网络上的图片及Rawfile中的图片保存到应用沙箱中。
纯血鸿蒙APP实战开发——深色模式适配
heyuan49的博客
08-15 1823
固定属性适配：对于部分组件的颜色属性，如背景色或字体颜色，若保持不变，可直接设定固定色值或引用固定的资源文件。双资源目录适配：在resources目录下新增dark子目录，用于存放深色模式下的特定颜色配置（color.json文件）和图片资源（media文件）。在深色模式下，系统会自动加载此目录中的颜色及图片资源，确保与浅色模式下的UI元素色彩差异性。利用系统分层参数。
HarmonyOS Next开发学习手册——UI开发（组件布局）
maniuT的博客
07-15 1440
组件（Component）是构建页面的核心，每个组件通过对数据和方法的简单封装，实现独立的可视、可交互功能单元。组件之间相互独立，随取随用，也可以在需求相同的地方重复使用。关于组件的详细参考文档请参见 组件。开发者还可以通过组件间合理的搭配定义满足业务需求的新组件，减少开发量，自定义组件的开发方法请参见 自定义组件。
HarmonyOS Next开发学习手册——弹性布局 (Flex)
maniuT的博客
07-09 1422
弹性布局（ Flex ）提供更加有效的方式对容器中的子元素进行排列、对齐和分配剩余空间。常用于页面头部导航栏的均匀分布、页面框架的搭建、多行数据的排列等。容器默认存在主轴与交叉轴，子元素默认沿主轴排列，子元素在主轴方向的尺寸称为主轴尺寸，在交叉轴方向的尺寸称为交叉轴尺寸。图1主轴为水平方向的Flex容器示意图。
从零开始开发纯血鸿蒙应用之UI封装
御承扬的博客
12-29 1604
本篇讲解如何进行UI封装，封装过程中应当具备什么样的原则和方式，如何凭借鸿蒙API现有的特性，去将上述原则和方式贯彻落实。
HarmonyOs 4.0 Next（纯血鸿蒙开发）：【第一篇】ArkUI组件基础开发 Image、Text、TextInput、Button、Slider、Column、Row、布局组件
Forever_Hopeful的博客
03-07 2021
HarmonyOs 4.0 Next（纯血鸿蒙开发）：【第一篇】ArkUI组件基础开发 Image、Text、TextInput、Button、Slider、Column、Row、布局组件
尚硅谷尚庭公寓学习笔记
2301_80165178的博客
07-31 1047
本文摘要了Java开发中的几个实用技巧：1）使用@Builder注解实现链式调用创建对象；2）saveOrUpdate方法根据主键自动判断插入或更新数据；3) Minio文件上传的完整实现流程，包括配置、权限设置和服务层逻辑；4）集合判空的最佳实践；5）UpdateWrapper实现条件更新；6）IPage分页查询的使用方法。这些内容涵盖了日常开发中的常见场景，对提高开发效率很有帮助。
学习日志23 python
AYheyheyhey的博客
07-31 1122
允许重复：列表、元组、字符串、字典（值允许重复）不允许重复：集合、冻结集合、字典（键不允许重复）round()vsrint()：功能完全一致，均为四舍五入到最近整数（银行家舍入法）。floor()vsceil()：前者向下取整，后者向上取整（方向相反）。trunc()vsfloor()：对正数效果相同（如2.9都→2），对负数不同（-2.9trunc→-2，floor→-3）。通过这些函数，可以高效处理 NumPy 数组的数值计算和结构调整，是数据分析和科学计算的基础工具。
AI Agent开发学习系列 - LangGraph(7): 带有条件判断的Conditional Graph
alex100的博客
08-02 470
该示例展示了如何使用LangGraph的条件边机制构建动态工作流。通过定义决策函数decide_next_node，系统能根据输入状态（如操作符）自动选择执行加法或减法节点。核心方法add_conditional_edges实现了动态路由，相比固定连接的add_edge更具灵活性。这种设计使得工作流能智能响应不同输入条件，适用于需要分支处理的复杂场景，如示例中根据"+"或"-"运算符选择对应计算节点，最终输出正确结果3。
学习日志24 python
AYheyheyhey的博客
08-01 702
只针对不可变类型：因为不可变类型的值不会被修改，共享对象不会有风险。目的是优化性能：避免频繁创建和销毁相同的小对象（如常用整数、短字符串）。不要依赖此机制：常量池是 Python 内部优化，不同版本可能有差异，比较值应始终用==，而非is。不可变类型可能有常量池，可变类型一定没有，这是 Python 对内存和性能的平衡设计。Python 中确实没有 Java 里那种严格定义的「常量池」（Constant Pool）概念。
学习笔记090——Ubuntu 中 UFW 防火墙的使用
code__bee的博客
08-01 328
【代码】学习笔记090——Ubuntu 中 UFW 防火墙的使用。
学习 java web 简单监听器
~
07-31 643
使用Java Servlet作为后端核心，配合监听器(Listener)实现应用生命周期管理，前端采用JSP进行动态页面渲染。核心功能包括通过Servlet处理HTTP请求，利用监听器监控ServletContext、Session和Request三种作用域对象的创建销毁及属性变更，实现资源管理和业务逻辑处理。项目中MyListener类实现了多种监听器接口，可捕获对象创建销毁事件及属性变化，为系统提供完善的监控能力。
30天入门Python（基础篇）——第31天：标准库学习之re模块
最新发布
weixin_42636075的博客
08-04 308
Python re模块是一个强大的正则表达式工具，可用于高效处理文本数据。摘要包括：1）基本功能：模式匹配、文本搜索、字符串替换、数据验证等；2）核心语法：元字符（.^$+?等）、字符类（[ ]）、预定义字符类（\d\w\s等）及量词（+?{}）；3）高级特性：分组捕获、贪婪/非贪婪匹配、性能优化。通过示例演示了正则表达式在邮箱验证、HTML解析等场景的应用，帮助开发者掌握文本处理利器。
VAE学习笔记
qq_52902529的博客
08-04 151
损失函数2：如果没有对σi 的限制 生成的图片会希望噪音对自身生成图片的干扰越小，于是分配给噪音的权重越小，这样只需要将(σ1,σ2,σ3)赋为接近负无穷大的值就好了，直观上也能看出来在σi=0处取最小。把输入数据压缩成隐藏变量的分布参数（均值和方差)，直接输出固定值会导致生成能力变差 输出分布可以随机采样增加多样性。(σ1,σ2,σ3)是控制噪音干扰程度的编码，就是为随机噪音码(e1,e2,e3)分配权重。(m1,m2,m3)是数据经过encoder 得到的编码。还原成数据（如生成新图片）。
【C 学习】03-你的第一个C程序
c_QFy_17的博客
08-03 840
简单来说，
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

小鱼儿LY

一切随缘

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值