带你玩转鸿蒙next读取本地json并展示UI

最新推荐文章于 2025-06-12 06:30:00 发布
最新推荐文章于 2025-06-12 06:30:00 发布
阅读量764 收藏 2
点赞数 2
CC 4.0 BY-SA版权
分类专栏： 鸿蒙 ArkUI 文章标签： json ui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/xq610928/article/details/140946160
前言导读

相信很多同学都有参加过各种比赛项目 主要都是做一些UI上面的展示 这时候很多同学可能会在本地创建很多数组模拟数据

这样代码不但看着很臃肿也不好去处理新增数据。那么我们是不是可以读取本地的json数据然后再去展示UI呢。

效果图

image-20240805182846295

json数据
{
   
   "data":[{
   
   
    "id": 8,
了解本专栏 订阅专栏 解锁全文 超级会员免费看
flutter 带你玩转flutter读取本地json并展示UI
xq610928的博客
06-01 116
最新又重新学习flutter ，所以准备做一期分享，相信很多同学都有参加过各种比赛项目 主要都是做一些UI上面的展示 这时候很多同学可能会在本地创建很多数组模拟数据这样代码不但看着很臃肿也不好去处理新增数据。那么我们是不是可以读取本地的json数据然后再去展示UI呢flutter里面读取本地json比较简单 我们拿到本地json后去解析的时候我们需要 json.decode(jsonString) ，然后我们这个读取的操作 最好是异步去操作。拿到数据后我们可以再去操作解析数据和显示UI ,
鸿蒙-简单实现读取资源库（rawfile）自定义json文件
zhaoyihang793的博客
03-08 3004
console.info('host_config打印: ' + JSON.stringify(retStr));：resourcemanager 管理类读取本地host_config.json。需求：读取工程中json文件并转成string。
鸿蒙 arkts读取本地json文件
weixin_43325149的博客
12-15 1368
本地json存放位置以及读取json文件。图片存在rawfile中。
鸿蒙开发中，读取本地JSON文件
梦想不只是梦与想的博客
06-12 1003
鸿蒙OS读取JSON文件方法摘要 鸿蒙系统提供两种JSON读取方式：1）通过$rawfile直接读取应用内打包的静态JSON（无需权限）；2）使用文件API读取沙箱内的动态JSON（需权限配置）。核心实现包括：使用resourceManager获取打包文件、fs模块操作沙箱文件、分块处理大文件以及监听文件变化。开发时需注意路径处理、权限申请（仅公共目录需READ_MEDIA权限）和异常捕获，建议封装路径工具类并添加JSON解析安全校验。典型问题包含文件路径错误、编码不符或内存溢出，可通过分块读取和流式解析优
鸿蒙 - 读取 rawfile 中的 json 文件
Eric的博客
03-14 2160
在以下目录中存放了一份地区 json 文件。我想要将其读出来，并且转为我的实体类。
鸿蒙中使用获取本地JSON文件
m0_60880588的博客
01-03 579
使用本地json文件
【HarmonyOS NEXT】鸿蒙JSON解析与生成
wu1004019946的博客
07-09 6625
本模块提供了将JSON文本转换为JSON对应对象或值，以及将对象转换为JSON字符串等功能。
鸿蒙next json解析 ArkUI 带你玩转 arkts json解析
xq610928的博客
09-17 4787
相信很多同学再开发过程中都会遇到json解析的处理，不管是跟服务端交互 或者是读取本地的json 都会遇到json解析 那么正好今天有空正好讲一下鸿蒙next里面的json解析arkts 里面的提供丰富的api来解析我们的json ,对比其他端来说也是相对比较简单 对于复杂的json 我们可以定义一个 interface 或者一个class 来配合我们的，JSON.parse 来进行解析复杂的json数据 当然这个生成数据模型model 我们团队有开发一个插件，这样也大大方便我们开发。
鸿蒙next开发：app.json5配置文件示例
DMZDAMS的博客
07-23 1634
先通过一个示例，整体认识一下app.json5配置文件。
HarmonyOS NEXT实战开发：视频播放 (Video)
hanyanyou的博客
07-24 1195
Video组件用于播放视频文件并控制其播放状态，常用于为短视频和应用内部视频的列表页面
鸿蒙 JSON-＞Model 实现
qq_30739025的博客
07-18 1651
在确定用 JSON 方案的第一步，跟iOS的逻辑差不多，先找到文件路径，然后用资源管理器去加载出来。后面想到用接口替换的话，最直接的就是自己造 JSON 数据，用本地 JSON 文件去读取展示。在做鸿蒙版微信的时候遇到个问题，大量的展示数据怎么实现，最开始用的。数组，创建了很多数据，扩展性不强，后期难维护。注：如有需要可以前往 GitHub 查看。这样就拿到了 JSON 文件的。我这里是在 朋友圈页面的。加载JSON 文件内容。
鸿蒙 加载本地rowfile文件中的 json 数据
cmmboy1990的博客
05-24 1642
1.核心代码 Gson gson = new Gson();//引入 implementation 'com.google.code.gson:gson:2.8.6' List<NewsInfo> totalNewsDataList = gson.fromJson( CommonUtils.getStringFromJsonPath(this, "entry/resources/rawfile/news_da
【HarmonyOS NEXT】鸿蒙解析JSON字符串 ArkTSUtils.ASON
wu1004019946的博客
07-10 2268
为支持将JSON字符串解析成共享数据，ArkTS语言基础库新增了ASON工具。ASON支持开发者解析JSON字符串，并生成共享数据进行跨并发域传输，同时ASON也支持将共享数据转换成JSON字符串。
HarmonyOS NEXT应用开发---本地JSON文件解析
2302_80840424的博客
12-24 1439
准备好JSON文件之后，将文件保存为“books.json”，存放在rawfile目录下，将“books.json”文件保存至“rawfile”目录后，需确保路径设置正确，以便后续程序顺利读取数据。首先，定义一个名为`BookModel`的类，包含`id`、`name`、`image`、`writer`和`summary`五个属性，并实现构造方法和字符串表示方法。、作者、出版日期等。通过读取本地文件，利用JSON解析库，高效提取数据结构，简化数据处理流程，提升应用响应速度，确保信息准确无误，优化用户体验。
jsonobject
qq_28933351的博客
11-21 351
1 JSONObject:A JSONObject is an unordered collection of name/value pairs. 是一个final类，继承了Object，实现了JSON接口 构造方法如下： JSONObject();创建一个空的JSONObject对象 JSONObject(boolea
HarmonyOS鸿蒙开发-获取JSON数据，获取rawfile目录下的JSON文件数据
2301_81558512的博客
03-17 1866
获取rawfile的文件数据
HarmonyOS实战开发-鸿蒙版本JsonFormat详解
HarmonyOS007的博客
07-31 2371
相信大家在学习鸿蒙开发过程中最痛苦的就是编写model 类 特别是那种复杂的json的时候对不对， 这时候有一个自动化的插件给你生成model是不是很开心。我们今天要分享的就是这个插件 JsonFormat 插件是群友开发的我这里只分享安装和用法JSON数据操作一系列插件整合体，支持 等等1.JSON转成JavaBean：将JSON数据转成JavaBean类2.JSON转成鸿蒙 .ets model：将JSON数据转成鸿蒙 ets 文件3.JavaBean转成 鸿蒙 .ets model：将已有的Java
鸿蒙开发之gson解析
xiangzhihong8的专栏
03-06 1482
作为老牌的Java程序员，几乎每个项目都逃不掉fastjson/gson等三方库。那么在OpenHarmony/HarmonyOS应用开发中，做数据解析时能不能使用fastjson/gson三方库呢？于是我搜索了一下，其实在arkts开发过程中也是可以使用JS里自带的JSONparse和JSONstringify方法来实现JSON和对象转换的。并且在早期的版本中还提供了一个开源的三方库。有人做过验证ohos_gson与JSON的转换的时间评测，结果是ohos_gson花费的时间是JSON的20倍以上。
HarmonyOS Next开发学习手册——应用文件访问(ArkTS)
maniuT的博客
07-23 3145
应用需要对应用文件目录下的应用文件进行查看、创建、读写、删除、移动、复制、获取属性等访问操作，下文介绍具体方法。
HarmonyOS next ArkTs 摄像头操作 监听帧并显示
最新发布
08-13
<think>我们被要求使用ArkTS在HarmonyOS Next中实现摄像头帧的监听和实时显示。根据提供的引用，特别是引用[2]和引用[4]，它们涉及相机服务的使用，我们可以推断出需要用到HarmonyOS的相机相关API。 步骤： 1. 导入必要的模块。 2. 申请相机权限。 3. 创建相机预览的Surface。 4. 启动相机并设置帧监听器。 5. 将获取到的帧数据显示在UI上。 但是，注意引用[3]中提到了使用`componentSnapshot`进行截图，而我们需要的是实时视频帧。因此，我们需要使用相机API提供的帧捕获功能。 根据HarmonyOS的相机开发指南，我们可以使用`camera`模块中的`FrameReceiver`来接收视频帧。 具体步骤： 1. 导入模块： ```typescript import camera from '@kit.CameraKit'; import { BusinessError } from '@kit.BasicServicesKit'; import image from '@kit.ImageKit'; import display from '@kit.ArkUI'; ``` 2. 申请相机权限：在配置文件`module.json5`中声明权限，并在运行时动态申请。 3. 创建相机预览的Surface：我们可以使用XComponent来创建Surface，用于预览和获取帧数据。 4. 创建帧接收器：通过`camera.createFrameReceiver`来创建一个帧接收器，并设置回调函数。 5. 在回调函数中，我们可以获取到每一帧的图像数据（可能是`ArrayBuffer`或`image.PixelMap`），然后将其转换为可以在Image组件中显示的格式。 6. 在UI上显示：使用Image组件来显示实时帧。 但是，注意：直接显示每一帧可能会很耗性能，需要谨慎处理。 另外，引用[4]中提到了HDR拍照，其中使用了`photoAccessHelper`等，但我们这里只需要视频帧，不需要拍照。 实现示例： 由于代码较长，我们将分步骤展示： 步骤1：在UI上创建XComponent用于预览，同时我们还需要一个Image组件用于显示帧（可选，如果我们想同时显示预览和单独处理帧的话）。 注意：实际上，XComponent已经可以显示预览画面。如果我们想要处理每一帧并显示，可以使用两个XComponent？或者只用一个Image组件来显示处理后的帧？这里我们考虑两种方式： - 方式一：使用XComponent显示预览（这是相机原生的预览），同时使用一个Image组件显示我们处理后的帧（例如，我们可能对每一帧进行图像处理）。 - 方式二：不使用XComponent的预览，而是自己获取每一帧并绘制到Image组件上。这种方式性能开销大，但更灵活。 根据需求，我们这里需要监听视频帧并显示，所以我们可以选择方式一：同时显示预览和经过我们处理的帧（或者只显示一个，另一个作为调试）。但为了简化，我们只显示处理后的帧。 然而，XComponent的Surface是用于相机预览的，如果我们想要获取帧数据，还需要为帧接收器创建一个Surface。但是，根据API，帧接收器可以直接接收帧数据而不需要Surface。我们需要查看API文档。 根据HarmonyOS的API文档，我们可以这样创建帧接收器： ```typescript let frameReceiver: camera.FrameReceiver | undefined = undefined; try { frameReceiver = camera.createFrameReceiver(); frameReceiver.on('frameStart', () => { console.info('frame start'); }); frameReceiver.on('frameEnd', () => { console.info('frame end'); }); frameReceiver.on('error', (error: BusinessError) => { console.error(`Frame receiver error: ${JSON.stringify(error)}`); }); } catch (error) { console.error(`Failed to create frame receiver: ${JSON.stringify(error)}`); } ``` 然后，我们需要将帧接收器的Surface设置给相机输出流。但是，我们还需要一个预览的Surface（XComponent）和一个用于捕获帧的Surface（帧接收器）。我们可以同时添加多个输出流。 因此，大致流程如下： 1. 创建相机实例。 2. 创建预览输出流（使用XComponent的Surface）。 3. 创建帧接收器，并获取其Surface作为另一个输出流（捕获帧输出流）。 4. 将两个输出流添加到相机中。 5. 启动相机。 在帧接收器的回调中，我们可以获取到帧数据。但是，帧接收器的回调并不直接提供帧数据，而是通过事件通知。我们需要在帧接收器上注册帧数据的回调？或者通过其他方式获取帧数据？ 实际上，在HarmonyOS中，帧接收器（FrameReceiver）用于接收相机输出的帧数据，它有一个Surface，相机会将帧数据输出到这个Surface。然后，我们可以从这个Surface中读取数据。 但是，如何读取？我们可以使用`image.createImageReceiver`？或者帧接收器有提供读取帧的方法？ 查阅文档，我们发现帧接收器有一个`readNextFrame`方法，用于读取下一帧。但是，这需要在回调中调用，比如在'frameStart'事件中。 然而，直接读取每一帧并处理可能会阻塞相机的输出线程，所以我们需要谨慎处理，或者使用异步方式。 考虑到性能，我们可能需要在单独的线程中处理帧数据。但是，ArkTS是单线程的，我们可以使用Worker来处理，但这样会增加复杂度。 因此，这里我们提供一个简化的示例，只展示如何获取帧并显示，但注意这可能会影响性能。 步骤： 1. 创建XComponent，用于预览。 2. 创建Image组件，用于显示处理后的帧（可选）。 3. 创建帧接收器，并在其事件中读取帧数据。 4. 将帧数据转换为Image组件可显示的格式（例如PixelMap），然后显示。 代码结构如下： 注意：以下代码仅为示例，可能需要根据实际API调整。 ```typescript import camera from '@kit.CameraKit'; import { BusinessError } from '@kit.BasicServicesKit'; import image from '@kit.ImageKit'; import display from '@kit.ArkUI'; import common from '@kit.AbilityKit'; import window from '@kit.ArkUI'; // 用于存储帧数据的PixelMap @Entry @Component struct CameraPage { @State pixelMap: image.PixelMap | undefined = undefined; private cameraManager: camera.CameraManager | undefined = undefined; private cameraInput: camera.CameraInput | undefined = undefined; private previewOutput: camera.PreviewOutput | undefined = undefined; private frameReceiver: camera.FrameReceiver | undefined = undefined; private captureSession: camera.CaptureSession | undefined = undefined; private surfaceId: string = ''; // 用于预览的SurfaceId // 创建XComponent的回调，用于获取Surface onXComponentLoad(context: XComponentContext) { this.surfaceId = context.surfaceId; } build() { Column() { // 预览画面 XComponent({ id: 'xcomponentId', type: 'surface', libraryname: '', onLoad: this.onXComponentLoad.bind(this) }) .width('100%') .height(300) // 显示捕获的帧（可选） Image(this.pixelMap) .width(200) .height(200) } } aboutToAppear() { this.initCamera(); } async initCamera() { try { // 1. 获取相机管理器 this.cameraManager = camera.getCameraManager(globalThis.context); // 2. 获取相机列表 let cameras = this.cameraManager.getSupportedCameras(); if (cameras.length === 0) { console.error('No cameras found'); return; } // 3. 创建相机输入 this.cameraInput = this.cameraManager.createCameraInput(cameras[0]); // 4. 打开相机 await this.cameraInput.open(); // 5. 创建预览输出流 let previewProfile = this.getPreviewProfile(cameras[0]); let previewSurface: window.Surface | undefined = undefined; // 获取XComponent的Surface if (this.surfaceId) { previewSurface = window.createSurface(this.surfaceId); } else { console.error('surfaceId is empty'); return; } this.previewOutput = camera.createPreviewOutput(previewProfile, previewSurface); // 6. 创建帧接收器 this.frameReceiver = camera.createFrameReceiver(); // 获取帧接收器的Surface let frameSurface: window.Surface | undefined = this.frameReceiver.getSurface(); if (!frameSurface) { console.error('Failed to get frame receiver surface'); return; } // 创建帧输出流 let frameOutputProfile = this.getFrameOutputProfile(cameras[0]); // 需要获取支持帧输出的profile let frameOutput = camera.createFrameOutput(frameOutputProfile, frameSurface); // 7. 创建会话 this.captureSession = camera.createCaptureSession(); this.captureSession.beginConfig(); // 添加输入和输出 this.captureSession.addInput(this.cameraInput); this.captureSession.addOutput(this.previewOutput); this.captureSession.addOutput(frameOutput); await this.captureSession.commitConfig(); // 启动会话 await this.captureSession.start(); // 8. 监听帧事件 this.frameReceiver.on('frameStart', () => { console.info('frame start'); // 读取下一帧 this.frameReceiver?.readNextFrame((err: BusinessError, frame: camera.Frame) => { if (err) { console.error(`Failed to read frame: ${JSON.stringify(err)}`); return; } // 从frame中获取图像数据 frame.getImage().then((pixelMap: image.PixelMap) => { // 更新UI this.pixelMap = pixelMap; frame.release(); // 释放帧 }).catch((error: BusinessError) => { console.error(`getImage failed: ${JSON.stringify(error)}`); }); }); }); } catch (error) { console.error(`Camera init failed: ${JSON.stringify(error)}`); } } // 获取预览的profile getPreviewProfile(cameraObj: camera.Camera): camera.Profile { // 这里需要根据相机支持的能力来获取合适的profile let profiles = cameraObj.getStreamProfiles(camera.StreamType.PREVIEW); // 假设我们取第一个 return profiles[0]; } // 获取帧输出的profile getFrameOutputProfile(cameraObj: camera.Camera): camera.Profile { // 同样获取预览的profile，或者专门用于输出的profile let profiles = cameraObj.getStreamProfiles(camera.StreamType.PREVIEW); return profiles[0]; } aboutToDisappear() { // 释放资源 this.captureSession?.stop(); this.cameraInput?.close(); } } ``` 注意：上述代码中，我们假设相机支持同时输出多个流（预览流和帧输出流）。另外，我们使用了XComponent来显示预览，同时将帧数据读取并显示在Image组件上。但是，这样做可能会很慢，因为每一帧都要读取并转换为PixelMap，然后更新UI，这会导致性能问题。 因此，实际应用中，我们可能需要： - 降低帧率（例如，不是每一帧都处理）。 - 使用Worker线程来处理图像，避免阻塞UI。 - 直接使用XComponent的预览，而不再在Image上显示处理后的帧（除非必要）。 另外，我们这里为了简化，使用了同一个profile（预览流）来创建两个输出流，这可能会不被相机支持。因此，我们需要确保相机支持同时输出两个相同格式的流，或者使用不同的格式。 由于HarmonyOS相机API的具体限制，我们需要根据设备支持情况调整。 以上代码仅供参考，实际使用时需要根据设备支持情况调整输出流配置，并处理性能问题。 另外，权限申请部分没有展示，需要在module.json5中添加以下权限： "ohos.permission.CAMERA" 并在运行时动态申请。 总结：在HarmonyOS Next中，使用ArkTS监听摄像头帧并实时显示，可以通过创建帧接收器（FrameReceiver）来获取帧数据，然后将其转换为PixelMap并显示在Image组件上。同时，使用XComponent进行相机预览。 但是，由于性能问题，建议仅用于低频帧处理或性能要求不高的场景。 相关问题： 1. 如何优化HarmonyOS ArkTS中实时处理摄像头帧的性能？ 2. 在HarmonyOS中，如何同时使用多个相机输出流？ 3. 如何处理相机帧数据（如人脸识别、二维码识别）？ 4. 如何动态申请HarmonyOS的相机权限？ 5. 在HarmonyOS ArkTS中，如何将处理后的帧数据保存为图片文件？</think>在 HarmonyOS Next 中使用 ArkTS 实现摄像头帧监听和实时显示，需要结合相机服务和图像处理能力。以下是完整实现方案： ### 1. 核心实现步骤 #### 1.1 初始化相机服务 ```typescript import camera from '@kit.CameraKit'; import { BusinessError } from '@kit.BasicServicesKit'; import image from '@kit.ImageKit'; // 声明相机对象 let cameraDevice: camera.CameraDevice | null = null; let captureSession: camera.CaptureSession | null = null; let frameReceiver: camera.FrameReceiver | null = null; // 初始化相机 async function initCamera() { try { const cameraManager = camera.getCameraManager(); const cameras = cameraManager.getSupportedCameras(); if (cameras.length > 0) { cameraDevice = cameras[0]; // 获取第一个可用摄像头 const input = cameraManager.createCameraInput(cameraDevice); captureSession = cameraManager.createCaptureSession(); await input.open(); captureSession.addInput(input); // 创建帧接收器 frameReceiver = camera.createFrameReceiver(); frameReceiver.on('frameArrival', (frame: camera.Frame) => { processFrame(frame); // 帧到达时触发处理 }); // 添加帧输出 const frameOutput = camera.createFrameOutput(); captureSession.addOutput(frameOutput); frameOutput.addFrameReceiver(frameReceiver); await captureSession.start(); } } catch (error) { console.error(`Camera init failed: ${(error as BusinessError).message}`); } } ``` #### 1.2 帧处理与显示 ```typescript import display from '@kit.ArkUI'; @Entry @Component struct CameraPreview { @State pixelMap: image.PixelMap | null = null; // 处理视频帧 async processFrame(frame: camera.Frame) { try { const imageObj = await frame.getImage(); this.pixelMap = await imageObj.createPixelMap(); // 转换为PixelMap imageObj.release(); // 释放资源 frame.release(); // 释放帧 } catch (error) { console.error(`Frame process error: ${(error as BusinessError).message}`); } } build() { Column() { // 实时显示摄像头帧 Image(this.pixelMap) .width('100%') .height('80%') .objectFit(ImageFit.Cover) Button('启动摄像头') .onClick(() => initCamera()) .margin(10) } } } ``` #### 1.3 权限配置 在 `module.json5` 中添加权限： ```json "requestPermissions": [ { "name": "ohos.permission.CAMERA" }, { "name": "ohos.permission.MEDIA_LOCATION" } ] ``` ### 2. 关键机制说明 1. **帧接收机制**： - 通过 `FrameReceiver` 监听 `frameArrival` 事件 - 每帧触发时获取 `camera.Frame` 对象 - 使用 `getImage()` 获取原始图像数据[^2] 2. **图像转换**： - 将 `Image` 对象转为 `PixelMap` - 支持直接绑定到 ArkUI 的 `Image` 组件 - 自动处理图像方向/格式转换[^4] 3. **资源管理**： - 必须显式调用 `release()` 释放资源 - 避免内存泄漏（参考内存快照对比方法[^1]） - 推荐单帧处理时间 < 30ms ### 3. 性能优化建议 ```typescript // 优化帧处理 async function optimizedProcess(frame: camera.Frame) { // 1. 降低分辨率 const options: image.InitializationOptions = { size: { width: 720, height: 1280 } }; // 2. 使用YUV格式减少转换开销 const imageObj = await frame.getImage({ format: image.ImageFormat.YUV_420_SP }); // 3. 后台线程处理 runInBackground(() => { const processed = applyImageFilter(imageObj); // 自定义处理 updateUI(processed); // 通过postSync更新UI }); } ``` ### 4. 常见问题处理 | 问题现象 | 解决方案 | |---------|---------| | 帧率过低 | 检查处理耗时，降低分辨率 | | 图像方向错误 | 使用 `image.Orientation` 调整方向 | | 内存持续增长 | 使用快照对比工具定位泄漏[^1] | | 权限拒绝 | 动态检查 `requestPermissionsFromUser` | ### 5. 扩展功能实现 **截图保存示例**： ```typescript async function captureAndSave() { if (!pixelMap) return; const packOpts: image.PackingOption = { format: "image/jpeg", quality: 100 }; const imagePacker = image.createImagePacker(); const arrayBuffer = await imagePacker.packing(pixelMap, packOpts); // 保存到相册 const photoAccess = photoAccessHelper.getPhotoAccessHelper(); await photoAccess.createAsset(photoAccessHelper.PhotoType.IMAGE, 'image.jpg', arrayBuffer); } ``` [^1]: HarmonyOS Next ArkTS内存泄露分析 [^2]: 鸿蒙5.0&next开发【相机基础动效(ArkTS)】相机服务 [^3]: HarmonyOS NEXT 鸿蒙ArkTS组件截图实现 [^4]: 鸿蒙HarmonyOS实战开发：HDR拍照实现方案(ArkTS)
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

xq9527--

你的鼓励将是我创作的最大动力

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

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

打赏作者

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

抵扣说明：

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

余额充值