鸿蒙HarmonyOS 编程语言 ArkTS 超详细 这篇就够了

已于 2024-07-01 17:57:29 修改
阅读量589 收藏 3
点赞数 5
文章标签： 前端 javascript vue.js harmonyos
于 2024-06-20 10:58:32 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_69183322/article/details/139813524
版权

1.学会在控制台打印Hello World

使用console.log()

console.log('Hello World');
console.log('Hello','World');

//默认代码
@Entry
@Component
struct Index {
  @State message: string = 'Hello World';

  build() {
    Row() {
      Column() {
        Text(this.message)
          .fontSize(50)
          .fontWeight(FontWeight.Bold)
      }
      .width('100%')
    }
    .height('100%')
  }
}

2.存储数据（变量、常量）

常量：存储不可变的数据

使用 const 定义常量

const PI:number = 3.14
console.log('PI',PI)

@Entry
@Component
struct Index {
  @State message: string = 'Hello World';

  build() {
    Row() {
      Column() {
        Text(this.message)
          .fontSize(50)
          .fontWeight(FontWeight.Bold)
      }
      .width('100%')
    }
    .height('100%')
  }
}

变量：存储可变的数据

使用 let 定义变量

let myUniversity:String = '清华'
console.log('myUniversity',myUniversity)
myUniversity = '北大'
console.log('myUniversity',myUniversity)

@Entry
@Component
struct Index {
  @State message: string = 'Hello World';

  build() {
    Row() {
      Column() {
        Text(this.message)
          .fontSize(50)
          .fontWeight(FontWeight.Bold)
      }
      .width('100%')
    }
    .height('100%')
  }
}

3. 数组

数组是一个容器，可以容纳多个数据

使用的方式： let 数组名: 类型[ ] = [ 数据1 , 数据2, ... ] 

数组的下标索引是从0开始的

let poet:String[]= ['李白','杜甫','辛弃疾']
console.log('poet',poet)

console.log('数组第三位:',poet[2])

@Entry
@Component
struct Index {
  @State message: string = 'Hello World';

  build() {
    Row() {
      Column() {
        Text(this.message)
          .fontSize(50)
          .fontWeight(FontWeight.Bold)
      }
      .width('100%')
    }
    .height('100%')
  }
}

4.函数

4.1 无参函数

定义函数

定义函数方式:

function 函数名(){ 

        函数体

}

调用函数

调用函数方式： 函数名()

function hello(){
  console.log('Hello World 1')
  console.log('Hello World 2')
  console.log('Hello World 3')
}

hello();

@Entry
@Component
struct Index {
  @State message: string = 'Hello World';

  build() {
    Row() {
      Column() {
        Text(this.message)
          .fontSize(50)
          .fontWeight(FontWeight.Bold)
      }
      .width('100%')
    }
    .height('100%')
  }
}

4.2 有参函数

定义函数

定义函数方式:

function 函数名(形参1:类型,形参2:类型,...){ 

        编写代码对数据进行处理

        return 处理后的结果

}

调用函数

调用函数方式： 函数名(实参1:类型,实参2:类型,...)

function sum(number1:number,number2:number){
  let total = number1 + number2
  return total
}

let total = sum(2,3)
console.log('total',total)


@Entry
@Component
struct Index {
  @State message: string = 'Hello World';

  build() {
    Row() {
      Column() {
        Text(this.message)
          .fontSize(50)
          .fontWeight(FontWeight.Bold)
      }
      .width('100%')
    }
    .height('100%')
  }
}

5. 箭头函数

箭头函数比普通函数更简洁的一种函数写法

5.1 无参箭头函数

定义方式:

let 函数名 = () => {

        函数体
}

调用方式:
函数名()

let hello = ()=>{
  console.log('Hello World 1')
  console.log('Hello World 2')
  console.log('Hello World 3')
}
hello()


@Entry
@Component
struct Index {
  @State message: string = 'Hello World';

  build() {
    Row() {
      Column() {
        Text(this.message)
          .fontSize(50)
          .fontWeight(FontWeight.Bold)
      }
      .width('100%')
    }
    .height('100%')
  }
}

5.2 有参箭头函数

定义方式:

let 函数名 = (形参1:类型,形参2:类型,...) =>{

          编写代码对数据进行处理

        return 处理后的结果

}

调用方式:

函数名(实参1,实参2)

let sum = (number1:number,number2:number)=>{
  let total = number1 + number2
  return total
}

let total = sum(2,3)
console.log('total',total)


@Entry
@Component
struct Index {
  @State message: string = 'Hello World';

  build() {
    Row() {
      Column() {
        Text(this.message)
          .fontSize(50)
          .fontWeight(FontWeight.Bold)
      }
      .width('100%')
    }
    .height('100%')
  }
}

6.接口 和 对象

6.1 对象

作用：用于描述一个物体的特征和行为

对象：是一个可以存储多个数据的容器

注意：数组是同一类型的数据，而对象可以存储不同类型的数据

6.2接口

通过 interface 接口约定 对象结构类型

interface 接口名 {

        属性1:类型1

        属性2:类型2

        属性3:类型3
}

interface Student{
  name:string
  age:number
  university:string
}

let zhangsan:Student = {
  name:'张三',
  age:18,
  university:'清华'
}

console.log('姓名：',zhangsan.name)
console.log('年龄：',zhangsan.age)
console.log('学校：',zhangsan.university)
@Entry
@Component
struct Index {
  @State message: string = 'Hello World';

  build() {
    Row() {
      Column() {
        Text(this.message)
          .fontSize(50)
          .fontWeight(FontWeight.Bold)
      }
      .width('100%')
    }
    .height('100%')
  }
}

7.对象方法

方法的作用：描述对象的具体行为

方法的类型：

interface 接口名称{

        方法名: (参数:类型) => 返回类型

}     

   

interface Student{

        write:() => void

        read:(book:string) => void

}

添加方法使用箭头函数，示例：

interface Student{
  write:() => void
  read:(book:string) => void
}

let zhangsan:Student = {
  write:()=>{
    console.log('写作业')
  },
  read:(book:string) => {
   console.log('我正在阅读',book)
  }
}
zhangsan.write()
zhangsan.read('平凡的世界')


@Entry
@Component
struct Index {
  @State message: string = 'Hello World';

  build() {
    Row() {
      Column() {
        Text(this.message)
          .fontSize(50)
          .fontWeight(FontWeight.Bold)
      }
      .width('100%')
    }
    .height('100%')
  }
}

8. 联合类型

联合类型是一种灵活的数据类型，它修饰的变量可以存储不同类型的数据。

语法： let 变量:类型1 | 类型2 | 类型3 = 值

let grade:number | string = 100
console.log('分数',grade)
grade = 'A'
console.log('分数',grade)


@Entry
@Component
struct Index {
  @State message: string = 'Hello World';

  build() {
    Row() {
      Column() {
        Text(this.message)
          .fontSize(50)
          .fontWeight(FontWeight.Bold)
      }
      .width('100%')
    }
    .height('100%')
  }
}

联合类型对变量的值进行一组数据范围内进行选择

例如：性别为：男、女、保密 

let gender:'man' | 'woman' | 'secret' = 'man'
console.log('gender:',gender)

@Entry
@Component
struct Index {
  @State message: string = 'Hello World';

  build() {
    Row() {
      Column() {
        Text(this.message)
          .fontSize(50)
          .fontWeight(FontWeight.Bold)
      }
      .width('100%')
    }
    .height('100%')
  }
}

9.枚举类型

枚举类型是一种特殊的数据类型，约定变量只能在一组数据范围内选择值。

虽然联合类型也能约定变量只能在一组数据范围内选择值，但是联合类型只是值约定，而枚举是变量与值都进行约定。

语法：

enum 枚举名{

        常量1 = 值,

        常量2 = 值,

        ......

}

enum ThemeColor{
  Red = '#fb123f',
  Orange = '#f7b078',
  Green = '#64e14e'
}

let color:ThemeColor = ThemeColor.Red
console.log(color)

@Entry
@Component
struct Index {
  @State message: string = 'Hello World';

  build() {
    Row() {
      Column() {
        Text(this.message)
          .fontSize(50)
          .fontWeight(FontWeight.Bold)
      }
      .width('100%')
    }
    .height('100%')
  }
}

 10.类型转换

（1）字符串转数字

  • Number(变量) 转换为number类型的变量
  • parseInt(变量) 转换为去掉小数点后部分（取整）
  • parseInt(变量) 保留小数部分

（2）数字转字符串

  • toString():数字直接转字符串
  • toFixed():四舍五入转字符串

11.赋值运算符

赋值运算符作用
+=加法赋值
-=减法赋值
*=乘法赋值
/=除法赋值        
%=取余赋值

12.一元运算符

i是赋值的变量

一元运算符作用
i++先赋值后自增
++i先自增后赋值
i--先赋值后自减
--i先自减后赋值

13.比较运算符

作用：判断比较两个数据的大小，返回布尔类型

比较运算符作用
>判断大于
>=判断大于等于
<判断小于
<=判断小于等于
==等于
!=不等于

14.逻辑运算符

逻辑运算符作用
&&与（全部为真则为真）
||或（一个为真则为真）
！非（取反）

15.数组操作

查找：数组名[下标]

修改：数组名[下标] = 新值

数组长度：数组名.length

添加数组元素：

  • 往开头添加：数组名.unshift(数据1,数据2,数据3,......)
  • 往结尾添加：数组名.push(数据1,数据2,数据3,......)

删除数组元素：

  • 往开头删除：数组名.shift()
  • 往结尾删除：数组名.pop()

任意位置的添加/删除数组元素:

语法：数组名.splice(起始位置，删除的个数，新增元素1，新增元素2,......)

16.条件判断分支

if、if-else、switch

17.循环语句

while、for

18.遍历循环

使用 for 循环遍历数组

语法：

for(let i = 0 ;i<nums.length;i++){

}

使用 for...of 遍历数组

for(let item of nums){

}

示例：


let poets:string[] = ['李白','杜甫','白居易']

for(let i = 0;i<poets.length;i++){
 console.log('诗人1：'+poets[i])
}

for(let item of poets){
 console.log('诗人2：'+item)
}

@Entry
@Component
struct Index {

 build(){

 }
}

19.对象数组

示例：

interface Student{
 name:string
 age:number
 university:string
}

let student:Student[]=[
  {name:'张三',age:11,university:'清华'},
 {name:'李四',age:12,university:'北大'}
]
console.log('学生数组',JSON.stringify(student))

使用JSON.stringify(数组) 来打印数组

20.Class类

（1）Class类的基本使用

语法：

Class 类名{

        字段名1：类型='xxx'        //必须加上初始值

        字段名2？：类型        //可选字段在字段名后加上问号，可以不设置初始值

}

//可选字段在使用时需要可选链操作符，避免出错

const 对象 = new 类名()

对象.字段 = 'xxx'        //给对象的字段赋值

示例代码：

class Student{
  name?:string
  age?:number
  university?:string
}

const stu = new Student()
stu.name = '小明'
stu.age = 17
stu.university = '清华大学'
console.log('姓名：'+stu.name)
console.log('年龄：'+stu.age)
console.log('大学：'+stu.university)

@Entry
@Component
struct Index {

  build(){

  }
}

（2）Class类-构造函数

语法：

class 类{

        字段1:类型

        字段2:类型

        constructor(参数...){

                this.字段1 = 参数

        }

}

const 对象 = new 类(参数...)

示例一：入门实例

示例代码：

class Student{
  name:string
  age:number
  university:string

  constructor(name:string,age:number,university?:string){
    this.name = name
    this.age = age
    this.university = university
  }

}

const stu = new Student("小明",17,"清华大学")
console.log('姓名：'+stu.name)
console.log('年龄：'+stu.age)
console.log('大学：'+stu.university)

const stu2 = new Student("小刘",18)

console.log('姓名：'+stu2.name)
console.log('年龄：'+stu2.age)
console.log('大学：'+stu2.university)
stu2.university = '北京大学'
console.log('大学：'+stu2.university)

@Entry
@Component
struct Index {

  build(){

  }
}

示例代码运行结果：

示例二：对于复杂的参数类型，考虑到使用接口的情况：

示例代码：

interface ICourse{
  name:string
  teacher:string
}

class Student{
  name:string
  age:number
  university:string
  course:ICourse[]

  constructor(name:string,age:number,university:string,course:ICourse[]){
    this.name = name
    this.age = age
    this.university = university
    this.course = course
  }

}

const stu = new Student("小明",17,"清华大学",[{name:'英语',teacher:'陈老师'},{name:'数学',teacher:'李老师'}])

console.log('姓名：'+stu.name)
console.log('年龄：'+stu.age)
console.log('大学：'+stu.university)
console.log('课程：'+JSON.stringify(stu.course))

@Entry
@Component
struct Index {

  build(){

  }
}

 示例运行结果：

（3）Class类-方法

语法：

class 类{

        字段1:类型

        字段2:类型

        constructor(参数...){

                this.字段1 = 参数

        }

        方法名（参数...）{

                //可以使用 this 访问创建出来的实例对象

        }

}

示例代码：

interface ICourse{
  name:string
  teacher:string
}

class Student{
  name:string
  age:number
  university:string
  course:ICourse[]

  constructor(name:string,age:number,university:string,course:ICourse[]){
    this.name = name
    this.age = age
    this.university = university
    this.course = course
  }

  myCourse(name:string){
    console.log(`Hello:${name},我的大学是:${this.university}`)
  }

}

const stu = new Student("小明",17,"清华大学",[{name:'英语',teacher:'陈老师'},{name:'数学',teacher:'李老师'}])

console.log('姓名：'+stu.name)
console.log('年龄：'+stu.age)
console.log('大学：'+stu.university)
console.log('课程：'+JSON.stringify(stu.course))
stu.myCourse('小刘')

@Entry
@Component
struct Index {

  build(){

  }
}

示例运行结果：

（4）Class类的静态属性和方法

语法：

class 类{

        static 字段名:类型 = 'xxx'        //不过不设置，则默认为undefined

        static  方法名(){

                

        }

}

直接可以通过类名.的方式使用

  • 类.字段名
  • 类.方法名

（5）Class类-extend和super关键字

extend的用于继承父类

super用于调用父类的方法

（6）Class类- instanceof和typeof用于判断类的类型

instanceof语法：实例对象 instanceof 类        //判断实例对象是否属于该类，返回布尔类型

typeof语法：typeof 实例对象        //返回该实例的类型，仅能判断简单的类型

（7）Class类-修饰符

类的方法和属性都可以使用修饰符来限定访问

修饰符包括：readonly、private、protected、public，省略则默认为public

readonly：使用readonly是只能取值，无法修改

private ：类内部访问

protected：类以及子类可访问

public：任何都可以访问该类

21 剩余参数和展开运算符

剩余参数语法：

//剩余参数只能写在最后一位

function 函数名(参数1,参数2,..剩余参数数组){

        //剩余的参数以数组的方式获取

}

展开运算符语法：（合并数组）

const Array1:number[] = [1,2,3,4]

const Array2:number[] = [5,6,7,8]

//合并结果

const Array:number[] = [...Array1,...Array2]

22.泛型

（1）泛型函数

语法：

function 函数名<Type>(形参:Type):Type{

        return 形参

}

示例代码：

function fn<T> (param:T):T{
  console.log('param:'+param)
  return param
}

fn<string>('abc')
fn<number>(123)
fn<boolean>(true)
fn<number[]>([1,2,3,4])

//也可以不写指定的传参类型，会根据类型进行推盘，动态配置类型参数的值
fn('abc')
fn(123)
fn(true)
fn([1,2,3,4])


@Entry
@Component
struct Index {
  build(){

  }
}

（2）泛型约束

通过继承接口的方式，设置传递来的参数必须是有该接口属性的对象才行

示例代码：

interface Person{
  name:string,
  age:number
}

function fn<T extends Person> (param:T){
  console.log('param:'+param)
  return param
}

class Student{
  name:string
  age:number
  university:string
}
const stu = new Student()

fn(stu)



@Entry
@Component
struct Index {
  build(){

  }
}

（3）泛型接口

语法：

interface 接口<Type>{

        //内部使用Type

}

示例：

interface IdFunc<Type>{
  id:(value:Type)=>Type
  ids:()=>Type[]
}

let obj:IdFunc<number> = {
  id(value){return value},
  ids(){return [1,2,3,4]}
}

console.log('id:'+obj.id(1024))
console.log('ids:'+obj.ids())

@Entry
@Component
struct Index {
  build(){

  }
}

运行结果：

（4）泛型类

语法：

class 类名<Type>{

        //内部使用Type

}

示例：

class Person<T>{
  name:T

  constructor(name:T) {
    this.name = name
  }
  getName():T{
    return this.name
  }
}

let person  = new Person('李华')
console.log(person.name)
console.log(person.getName())
@Entry
@Component
struct Index {
  build(){

  }
}

运行结果：

23.模块化语法 

（1）导出和导入

默认导出：export default 需要导出的内容

默认导入：import xxx from '模块路径'

实操：

在ets中创建目录tools存放模块

然后创建ArkTS File模块，名为module1.ets

module1.ets的代码：

（2）多个特性导入和导出

导出：export {xxx,xxx, ... ,xxx}

导入：import {xxx,xxx,xxx as 别名} from '模块路径'

（3）导入该模块全部特性

导入：import * as 别名 from '模块路径'

探索星辰大海
关注
  • 5
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
HarmonyOS应用开发之ArkTS接口以及对象
qq_33949346的博客
05-04 1914
定义接口的格式interface 接口名 {属性1:数据类型属性2:数据类型属性3:数据类型在代码中定义接口注意：属性值要与接口中的数据类型一致// 定义对象格式let 对象名 : 接口名 = {属性1 : 值,属性2 : 值,属性3 : 值在代码中定义对象。
【HarmonyOS】【ArkTS】鸿蒙开发 ArkTS语言中创建一个Person类并实现添加打印其属性的方法，借此学习ArkTS语言中类的创建和实例化语法
m0_66128366的博客
04-16 835
1.创建类 class 类名{ 添加属性、方法、构造函数}2.快捷创建构造函数，通过构造函数的参数给属性赋值3.实例化类，如果含有方法或者构造函数，只能通过new来实例化。
OpenHarmony ArkTS 框架下打印日志不全解决办法
t7g367的博客
02-15 1315
OpenHarmony /鸿蒙 ArkTS 框架下打印日志不全解决办法
HarmonyOS开发：ArkTs常见数据类型（一）
知足常乐
11-20 2169
本文针对开发中常用的数据类型，做一个简单的概述，便于第一次接触到ArkTs语言开发的同学，能够快速的对数据类型做一个了解。
鸿蒙——ArkTS学习
2301_79969279的博客
02-19 1920
例：.width()宽度 .height()高度 .backgroundColor()背景色 .fontSize（）字体大小 .fontWeight()字体粗细 .fontColor()字体颜色 space设置间隙。如：let names: string[]=['小明','小李','小王']（注意，数组指定的类型和存储的数据类型必须要一致，否则就会报错。name： '一号'，
基于鸿蒙HarmonyOS，使用ArkTS开发纯净的浏览器（小狐狸浏览器）.zip
02-07
在本项目中，我们将探讨如何基于华为的鸿蒙HarmonyOS操作系统，利用 ArkTS 开发一个纯净的浏览器应用，以“小狐狸浏览器”为例。鸿蒙系统是华为面向物联网时代推出的一款全新分布式操作系统，旨在提供跨平台、跨设备...
HarmonyOS鸿蒙ArkTS证件照生成模板
02-04
HarmonyOS鸿蒙操作系统引入了一种新的编程语言——ArkTS，它是专门为HarmonyOS设计的，旨在提高开发效率和跨平台兼容性。 ArkTS是TypeScript的方言，它结合了JavaScript的灵活性和静态类型的强安全性，使得开发人员...
harmonyOS-鸿蒙壁纸App，使用ArkTs开发.zip
01-20
综上所述，HarmonyOS-鸿蒙壁纸App的开发涉及到了 ArkTs 的使用、组件设计、数据绑定、事件处理、布局构建以及系统服务的集成等多个方面，展示了HarmonyOS平台的开发流程和最佳实践。通过深入学习和实践这些知识点，...
HarmonyOS 鸿蒙小应用.zip
02-07
HarmonyOSSampleCloud-main 是一个基于华为鸿蒙操作系统（HarmonyOS）开发的小应用程序示例项目。这个压缩包包含了开发者需要的源代码、资源文件以及相关的文档，旨在帮助开发者理解和学习如何在鸿蒙系统上构建小...
鸿蒙系统开发入门与进阶，介绍ArkTS基础快速入门，ArkTS：是一门用于开发鸿蒙应用的编程语言 arkUi开发和使用等
06-24
ArkTS 是华为专门为鸿蒙操作系统（HarmonyOS）设计的一种编程语言，它基于 TypeScript，融合了 JavaScript 的灵活性和静态类型的强健性。 ArkTS 的主要目的是简化鸿蒙应用的开发过程，提高代码质量和可维护性。...
鸿蒙HarmonyOS(ArkTS)语法数据类型
weixin_45966674的博客
12-12 1170
这种 语法 我们js没有数据类型是可以的 但ts规范类型之后 他就不允许你这样乱搞了 想搞你的把类型设为字符串。上文我们也说过 ArkTS 是ts的优化版 那么 我们数据类型大部分是跟着TS走的。有些时候我们并不知道自己定义的类型应该赋什么样的值 我们可以先定义为unknown。趋势还挺多的 大家可以具体去看TS中的数据类型 其实实际用到的也就那么多。字符串后面跟中括号 声明一个字符串类型数组 里面都是字符串数据。声明一个数字类型的数组 里面必须是数字。我们简述了变量声明的几种形式。
OpenHarmony开发实战：简易计算器（ArkTS）
shudaoshanQAQ的博客
04-03 2164
本篇Codelab基于基础组件、容器组件，实现一个支持加减乘除混合运算的计算器。
HarmonyOS学习--TypeScript语言学习（四）
懂得就行的博客
12-06 573
本章目录如下：一、对象二、接口三、Number 对象四、String 对象五、数组六、Map七、模块八、枚举。
ArkTs的入门到入土 （2）
2202_75509211的博客
05-31 727
ArkTS-语句-类型进阶与渲染控制
javascript学习（十二）JS Number对象和Boolean对象
ZJOOPS的博客
12-28 456
1.Number对象Number Number 对象是原始数值的包装对象。Number 对象使用 Number() 构造器创建。 语法：new Number(value) 返回值：如果参数无法被转换为数字，则返回 NaN；在非构造器上下文中 (如：没有 new 操作符)，Number 能被用来执行类型转换。var n = new Number("23.54"); console.log(type
arduino装鸿蒙,Arduino图形化编程
weixin_33242795的博客
05-28 1395
Arduino简介Arduino是一款便捷灵活、方便上手的开源电子原型平台。电子平台是什么意思呢，就是说，Arduino有对应的很多的开发板，还有很多的传感器，这些传感器都是围绕着Arduino开发板量身定做的。使用方便操作简单。当然了，说了是平台，单独硬件多怎么能构造起一个平台呢?事实上他还有一些免费的软件给别人去开发使用，而且这一些软件也都是围绕这Arduino量身定做的。Arduino ID...
vue ref和reactive区别
最新发布
灰海
08-25 364
在第二个示例中，我们使用了reactive来创建一个名为state的响应式对象，它包含name和age两个属性。在模板中，我们通过{{ state.name }}和{{ state.age }}来显示state对象的属性值。在第一个示例中，我们使用了ref来创建一个名为count的响应式引用，它是一个简单的数字类型。在模板中，我们通过{{ count }}直接显示count的值，而不需要.value前缀，因为Vue的模板语法会自动处理ref的.value访问。
前端开发攻略---在Vue3项目中修改Element-Plus主题色
nibabaoo的博客
08-22 231
在Vue3项目中修改Element-Plus主题色
鸿蒙HarmonyOS ArkTS开发详解与资源指南
"鸿蒙HarmonyOS开发学习笔记包含了组件用法、参数、属性的详细介绍，补充了官网课程未涵盖的内容，旨在帮助开发者更高效地使用ArkTS进行鸿蒙应用开发。笔记提到了DevEco Studio的安装配置，以及工程和模块的文件目录...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

探索星辰大海

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

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

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

打赏作者

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

抵扣说明：

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

余额充值