HarmonyOS：ListContainer实现表格

已于 2022-07-07 10:48:02 修改
阅读量4.5k 收藏 10
点赞数 4
分类专栏： HarmonyOS 文章标签： harmonyos ListContainer ListView 表格
于 2021-10-26 21:09:09 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Cyril_KI/article/details/120980759
版权

目录

一、场景

  需要一个表格展示一下成绩信息。

二、实现效果

在这里插入图片描述

三、实现步骤

1.布局文件

<?xml version="1.0" encoding="utf-8"?>
<DirectionalLayout
    xmlns:ohos="http://schemas.huawei.com/res/ohos"
    ohos:height="match_parent"
    ohos:width="match_parent"
    ohos:orientation="vertical">

    <DirectionalLayout
        ohos:id="$+id:ly_back_pdf"
        ohos:width="match_parent"
        ohos:height="40vp"
        ohos:background_element="#6666FF"
        ohos:orientation="horizontal">

        <Image
            ohos:id="$+id:ib_back_pdf"
            ohos:width="18vp"
            ohos:height="24vp"
            ohos:layout_alignment="vertical_center"
            ohos:background_element="$media:back_arrow_2" />
        
    </DirectionalLayout>

    <Text
        ohos:id="$+id:pdf_info"
        ohos:width="match_parent"
        ohos:height="30vp"
        ohos:text_alignment="center"
        ohos:text_size="24fp"
        ohos:text_color="#000000"
        ohos:text="华北电力大学学业成绩表">
    </Text>

    <Component
        ohos:width="match_parent"
        ohos:height="1.5vp"
        ohos:background_element="#B4B3B3"/>

    <include
        ohos:height="match_content"
        ohos:layout="$layout:credit_item"
        ohos:width="match_parent">
    </include>

    <Component
        ohos:width="match_parent"
        ohos:height="1.5vp"
        ohos:background_element="#B4B3B3"/>

    <include
        ohos:height="match_content"
        ohos:layout="$layout:pdf_list_item"
        ohos:width="match_parent">
    </include>

    <Component
        ohos:width="match_parent"
        ohos:height="1.5vp"
        ohos:background_element="#B4B3B3"/>

    <ListContainer
        ohos:id="$+id:cj_list"
        ohos:height="600vp"
        ohos:width="match_parent">

    </ListContainer>

</DirectionalLayout>

在这里插入图片描述
  其中上方的credit_item为：

<?xml version="1.0" encoding="utf-8"?>
<DirectionalLayout
    xmlns:ohos="http://schemas.huawei.com/res/ohos"
    ohos:height="match_content"
    ohos:width="match_parent"
    ohos:orientation="horizontal">

    <Text
        ohos:id="$+id:text_total_credit"
        ohos:width="0vp"
        ohos:height="match_content"
        ohos:multiple_lines="true"
        ohos:weight="1"
        ohos:max_text_lines="10"
        ohos:layout_alignment="center"
        ohos:text_alignment="center"
        ohos:bottom_padding="10vp"
        ohos:top_padding="10vp"
        ohos:text_color="#000000"
        ohos:text_size="15fp"
        ohos:text="总学分"/>

    <Component
        ohos:width="1.5vp"
        ohos:height="70vp"
        ohos:background_element="#B4B3B3"/>

    <Text
        ohos:id="$+id:text_major_credit"
        ohos:multiple_lines="true"
        ohos:width="0vp"
        ohos:height="match_content"
        ohos:weight="1"
        ohos:max_text_lines="10"
        ohos:text_alignment="center"
        ohos:layout_alignment="center"
        ohos:bottom_padding="10vp"
        ohos:top_padding="10vp"
        ohos:text_color="#000000"
        ohos:text_size="15fp"
        ohos:text="必修" />

    <Component
        ohos:width="1.5vp"
        ohos:height="70vp"
        ohos:background_element="#B4B3B3"/>

    <Text
        ohos:id="$+id:text_spec_credit"
        ohos:multiple_lines="true"
        ohos:width="0vp"
        ohos:height="match_content"
        ohos:text_alignment="center"
        ohos:weight="1"
        ohos:max_text_lines="10"
        ohos:layout_alignment="center"
        ohos:bottom_padding="10vp"
        ohos:top_padding="10vp"
        ohos:text_color="#000000"
        ohos:text_size="15fp"
        ohos:text="专选" />

    <Component
        ohos:width="1.5vp"
        ohos:height="70vp"
        ohos:background_element="#B4B3B3"/>

    <Text
        ohos:id="$+id:text_practice_credit"
        ohos:multiple_lines="true"
        ohos:width="0vp"
        ohos:height="match_content"
        ohos:weight="1"
        ohos:max_text_lines="10"
        ohos:layout_alignment="center"
        ohos:text_alignment="center"
        ohos:bottom_padding="10vp"
        ohos:top_padding="10vp"
        ohos:text_color="#000000"
        ohos:text_size="15fp"
        ohos:text="实践" />

    <Component
        ohos:width="1.5vp"
        ohos:height="70vp"
        ohos:background_element="#B4B3B3"/>

    <Text
        ohos:id="$+id:text_sch_credit"
        ohos:multiple_lines="true"
        ohos:width="0vp"
        ohos:height="match_content"
        ohos:text_alignment="center"
        ohos:weight="1"
        ohos:max_text_lines="10"
        ohos:layout_alignment="center"
        ohos:bottom_padding="10vp"
        ohos:top_padding="10vp"
        ohos:text_color="#000000"
        ohos:text_size="15fp"
        ohos:text="校选"/>

    <Component
        ohos:width="1.5vp"
        ohos:height="70vp"
        ohos:background_element="#B4B3B3"/>

    <Text
        ohos:id="$+id:text_avg"
        ohos:multiple_lines="true"
        ohos:width="0vp"
        ohos:height="match_content"
        ohos:text_alignment="center"
        ohos:weight="1.5"
        ohos:max_text_lines="10"
        ohos:layout_alignment="center"
        ohos:bottom_padding="10vp"
        ohos:top_padding="10vp"
        ohos:text_color="#000000"
        ohos:text_size="15fp"
        ohos:text="平均学分绩"/>

</DirectionalLayout>

在这里插入图片描述
  下方的pdf_list_item为：

<?xml version="1.0" encoding="utf-8"?>
<DirectionalLayout
    xmlns:ohos="http://schemas.huawei.com/res/ohos"
    ohos:height="match_content"
    ohos:width="match_parent"
    ohos:orientation="vertical">

    <DirectionalLayout
        ohos:height="match_content"
        ohos:width="match_parent"
        ohos:orientation="horizontal">

    <Text
        ohos:id="$+id:text_course_name"
        ohos:multiple_lines="true"
        ohos:width="0vp"
        ohos:height="match_content"
        ohos:weight="4"
        ohos:max_text_lines="10"
        ohos:text_alignment="center"
        ohos:layout_alignment="center"
        ohos:bottom_padding="10vp"
        ohos:top_padding="10vp"
        ohos:text_color="#000000"
        ohos:text_size="15fp"
        ohos:text="课程名称"/>

    <Component
        ohos:width="1.5vp"
        ohos:height="70vp"
        ohos:background_element="#B4B3B3"/>

    <Text
        ohos:id="$+id:text_course_nature"
        ohos:multiple_lines="true"
        ohos:width="0vp"
        ohos:height="match_content"
        ohos:weight="1.5"
        ohos:max_text_lines="10"
        ohos:bottom_padding="10vp"
        ohos:text_alignment="center"
        ohos:top_padding="10vp"
        ohos:text_color="#000000"
        ohos:text_size="15fp"
        ohos:layout_alignment="center"
        ohos:text="课程性质" />

    <Component
        ohos:width="1.5vp"
        ohos:height="70vp"
        ohos:background_element="#B4B3B3"/>

    <Text
        ohos:id="$+id:text_year_semester"
        ohos:multiple_lines="true"
        ohos:width="0vp"
        ohos:height="match_content"
        ohos:weight="2.5"
        ohos:max_text_lines="10"
        ohos:bottom_padding="10vp"
        ohos:text_alignment="center"
        ohos:text_color="#000000"
        ohos:top_padding="10vp"
        ohos:text_size="15fp"
        ohos:layout_alignment="center"
        ohos:text="学年/学期" />

    <Component
        ohos:width="1.5vp"
        ohos:height="70vp"
        ohos:background_element="#B4B3B3"/>

    <Text
        ohos:id="$+id:text_credit"
        ohos:multiple_lines="true"
        ohos:width="0vp"
        ohos:height="match_content"
        ohos:weight="1"
        ohos:max_text_lines="10"
        ohos:text_alignment="center"
        ohos:bottom_padding="10vp"
        ohos:top_padding="10vp"
        ohos:text_color="#000000"
        ohos:text_size="15fp"
        ohos:layout_alignment="center"
        ohos:text="学分" />

    <Component
        ohos:width="1.5vp"
        ohos:height="70vp"
        ohos:background_element="#B4B3B3"/>

    <Text
        ohos:id="$+id:text_grade"
        ohos:multiple_lines="true"
        ohos:width="0vp"
        ohos:height="match_content"
        ohos:weight="1"
        ohos:max_text_lines="10"
        ohos:bottom_padding="10vp"
        ohos:text_alignment="center"
        ohos:text_color="#000000"
        ohos:top_padding="10vp"
        ohos:text_size="15fp"
        ohos:layout_alignment="center"
        ohos:text="成绩"/>

    <Component
        ohos:width="1.5vp"
        ohos:height="70vp"
        ohos:background_element="#B4B3B3"/>

    <Text
        ohos:id="$+id:text_gpa"
        ohos:multiple_lines="true"
        ohos:width="0vp"
        ohos:height="match_content"
        ohos:text_alignment="center"
        ohos:weight="1"
        ohos:max_text_lines="10"
        ohos:bottom_padding="10vp"
        ohos:text_color="#000000"
        ohos:top_padding="10vp"
        ohos:text_size="15fp"
        ohos:layout_alignment="center"
        ohos:text="绩点"/>

    </DirectionalLayout>

    <Component
        ohos:width="match_parent"
        ohos:height="1.5vp"
        ohos:background_element="#B4B3B3"/>

</DirectionalLayout>

在这里插入图片描述

2.适配器

  与安卓类似，很多鸿蒙的组件也需要适配器，据此来适应不同类型的数据。

package com.example.ncepu.provider;

import com.example.ncepu.ResourceTable;
import com.example.ncepu.Student.Query.ScorePdfAbility;
import com.example.ncepu.Student.Query.slice.ScorePdfAbilitySlice;
import com.example.ncepu.Utils.Grade;
import ohos.agp.components.*;
import ohos.app.Context;

import java.util.List;

public class ListItemProvider extends BaseItemProvider {

    private List<Grade> list;
    private Context context;

    public ListItemProvider(List<Grade> list, Context context) {
        this.list = list;
        this.context = context;
    }

    @Override
    public int getCount() {
        return list == null ? 0 : list.size();
    }

    @Override
    public Object getItem(int i) {
        if (list != null && i >= 0 && i < list.size()){
            return list.get(i);
        }
        return null;
    }

    @Override
    public long getItemId(int i) {
        return 0;
    }

    @Override
    public Component getComponent(int i, Component component, ComponentContainer componentContainer) {
        final Component cpt;
        LayoutScatter layoutScatter = LayoutScatter.getInstance(context);
        if (component == null) {
            cpt = layoutScatter.parse(ResourceTable.Layout_pdf_list_item, null, false);
        } else {
            cpt = component;
        }
        Grade item = list.get(i);
        Text courseName = (Text) cpt.findComponentById(ResourceTable.Id_text_course_name);
        courseName.setText(item.getCourse_name());
        Text courseNature = (Text) cpt.findComponentById(ResourceTable.Id_text_course_nature);
        courseNature.setText(item.getCourse_nature());
        Text nq = (Text) cpt.findComponentById(ResourceTable.Id_text_year_semester);
        nq.setText(item.getXn() + "/" + item.getXq());
        Text credit = (Text) cpt.findComponentById(ResourceTable.Id_text_credit);
        credit.setText(item.getCredit());
        Text mark = (Text) cpt.findComponentById(ResourceTable.Id_text_grade);
        mark.setText(item.getMark());
        Text gpa = (Text) cpt.findComponentById(ResourceTable.Id_text_gpa);
        gpa.setText(item.getGpa());
        return cpt;
    }
}

3.主界面逻辑

package com.example.ncepu.Student.Query;

import com.example.ncepu.ResourceTable;
import com.example.ncepu.Student.Query.slice.ScorePdfAbilitySlice;
import com.example.ncepu.Utils.Grade;
import com.example.ncepu.provider.ListItemProvider;
import ohos.aafwk.ability.Ability;
import ohos.aafwk.content.Intent;
import ohos.agp.components.Component;
import ohos.agp.components.Image;
import ohos.agp.components.ListContainer;
import ohos.agp.components.Text;

import java.text.DecimalFormat;
import java.util.ArrayList;

import static com.example.ncepu.MainAbility.connectJWGL;

public class ScorePdfAbility extends Ability {

    private ListContainer listContainer;
    private Image back;
    private Text total_tv, major_tv, spec_tv, practice_tv, sch_tv, gpa_tv;
    private Text epu;

    @Override
    public void onStart(Intent intent) {
        super.onStart(intent);
        super.setMainRoute(ScorePdfAbilitySlice.class.getName());
        super.setUIContent(ResourceTable.Layout_ability_score_pdf);
        initViews();
    }

    private void initViews() {
        listContainer = (ListContainer) findComponentById(ResourceTable.Id_cj_list);
        back = (Image) findComponentById(ResourceTable.Id_ib_back_pdf);
        back.setClickedListener(component -> onBackPressed());
        //上方
        total_tv = (Text) findComponentById(ResourceTable.Id_text_total_credit);
        major_tv = (Text) findComponentById(ResourceTable.Id_text_major_credit);
        spec_tv = (Text) findComponentById(ResourceTable.Id_text_spec_credit);
        practice_tv = (Text) findComponentById(ResourceTable.Id_text_practice_credit);
        sch_tv = (Text) findComponentById(ResourceTable.Id_text_sch_credit);
        gpa_tv = (Text) findComponentById(ResourceTable.Id_text_avg);
        epu = (Text) findComponentById(ResourceTable.Id_pdf_info);

        final ArrayList<Grade>[] list = new ArrayList[]{new ArrayList()};
        Thread thread = new Thread(() -> {
            try {
                list[0] = connectJWGL.getStudentGrade("", "", "全部");
            } catch (Exception e) {
                e.printStackTrace();
            }
            //计算已获得总学分，其中包括必修、专选、实践、校选以及平均学分绩
            double total = 0, major = 0, spec = 0, practice = 0, sch = 0;
            double sum = 0, credits = 0;
            for(Grade grade : list[0]) {
                String credit = grade.getCredit();
                String nature = grade.getCourse_nature();
                String gpa = grade.getGpa();
                String gradeNature = grade.getGrade_nature();
                double temp = Double.parseDouble(credit);

                if(Double.parseDouble(gpa) < 1) {
                    continue;
                }
                total += temp;
                if(nature.equals("必修课")) {
                    major += temp;
                }else if(nature.equals("专选课")) {
                    spec += temp;
                }else if(nature.equals("实践课")) {
                    practice += temp;
                }else if(nature.equals("校选修课")) {
                    sch += temp;
                }
                double mark = Double.parseDouble(gpa) * 10 + 50;
                sum += temp * mark;
                credits += temp;
            }
            double avg = sum / credits;
            DecimalFormat df = new DecimalFormat("#.00");
            String avgs = df.format(avg);
            total_tv.setText("总学分\n" + total);
            major_tv.setText("必修\n" + major);
            spec_tv.setText("专选\n" + spec);
            practice_tv.setText("实践\n" + practice);
            sch_tv.setText("校选\n" + sch);
            gpa_tv.setText("平均学分绩\n" + avgs);
        });
        thread.start();
        try {
            thread.join();
        } catch (InterruptedException e) {
            e.printStackTrace();
        }
        ListItemProvider provider = new ListItemProvider(list[0], this);
        listContainer.setItemProvider(provider);
    }
}

  获取到数据后对其进行处理，得到我们想要的结果，然后将其传入自定义的Provider中进行处理。

Cyril_KI
关注
  • 4
    点赞
  • 踩
  • 10
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
java list布局_2020征文-手机图解鸿蒙列表组件ListContainer
weixin_42545163的博客
02-26 320
一、什么是ListContainerListContainer是用来呈现连续、多行数据的列表组件，包含一系列相同类型的列表项。如下图所示：二、ListContainer的架构视图ListContainer的架构视图如下所示：ListContainer作为列表，其中的列表项数据是由适配器Adapter提供的，适配器Adapter作为ListContainer和数据源之间的中介&桥梁，将数据源...
精通HarmonyOS：高级应用开发技术与实战指南"
最新发布
07-07
对于HarmonyOS应用开发者而言，高级技能通常涉及以下几个方面： 1. **深入理解HarmonyOS架构**：掌握HarmonyOS的系统架构，包括其分布式软总线、分布式数据管理等核心特性。 2. **分布式应用开发**：利用HarmonyOS...
鸿蒙 Harmony 开发 Ark Stage模式下 List 和Scroll实现锁定 双向表头的复杂表格。
yakie的专栏
12-05 958
关键代码：在左侧list上下滑动的时候，调用：if (this.isLeftScroll) { this.rightYScroller.scrollTo({ xOffset: 0,yOffset: this.verticalOffset}) }右侧List上下滑动的时候，调用：if (!已知问题：1，右侧滑动带动左侧上下滑动的时候流畅，但是左侧带动右侧滑动的时候，右侧数据栏List出现卡顿和闪烁，希望能看出问题的不吝指教。2，横屏适配没处理。
2024年鸿蒙最新一个简单易用的Excel导出工具_bladex excelutil(3)，开发人员必学
2401_84872028的博客
05-15 489
【代码】2024年鸿蒙最新一个简单易用的Excel导出工具_bladex excelutil(3)，开发人员必学。
List container
arilx06604的专栏
10-11 141
//List容器 //List本质是一个双向链表 //构造函数 list<int>c0; //空链表 list<int>c1(3); //建一个含三个默认值是0的元素链表 list<int>c2(5,2); //含5个元素，值都是2 list<int>c4(c2); //复...
HarmonyOS UI开发 TableLayout(表格布局) 的使用
小牧在一直在学习,在前进的道路上大家一起学习，进步。
06-24 539
TableLayout 是什么 TableLayout 是表格布局,就是使用表格的方式划分子组件, 个人感觉应该也不是常用的布局,常用的还是选择DirectionalLayout和DependentLayout ,下面了解下它的属性 TableLayout的自有XML属性 属性名称 中文描述 取值 取值说明 使用案例 alignment_type 对齐方式 .
2.5【HarmonyOS鸿蒙开发】表格布局TableLayout
hanru723的博客
06-24 603
作者：韩茹 公司：程序咖（北京）科技有限公司 鸿蒙巴士专栏作家 TableLayout使用表格的方式划分子组件。 一、支持的XML属性 TableLayout的共有XML属性继承自：Component 属性名称 中文描述 取值 取值说明 使用案例 id 控件identity，用以识别不同控件对象，每个控件唯一 integer类型 仅可用于配置控件的id。 ohos:id="$+id:component_id" theme 样式 引用 仅可引用pattern资源。 ohos:them.
STL List Container
efiish的专栏
12-10 1147
The Standard Template Librarys list container is implemented as a doubly linked list. You might wonder why there are both list and vector containers in the STL -- the reason is that the underlying re
华为HarmonyOS：鸿蒙系统最全官方教程
12-26
HarmonyOS是一款分布式操作系统，其设计目标是实现设备间的互联互通，打破单一硬件限制，提供跨终端的统一操作体验。系统基于微内核架构，强调安全性和效率，支持多种硬件平台，包括手机、平板、电视、智能穿戴等。...
harmonyos源代码-HarmonyOS:鸿蒙操作系统
07-01
harmonyos源代码 Harmonyos 应用开发 官方社区 HarmonyOS应用开发常见问题FAQ-JS UI开发 ####系统定义 HarmonyOS是一款分布式操作系统。在传统的单设备系统能力的基础上，HarmonyOS提出了基于同一套系统能力、适配...
harmonyos底层是linux-HarmonyOS:鸿蒙系统新闻
07-01
鸿蒙OS实现模块化耦合，对应不同设备可弹性部署，鸿蒙OS有三层架构，第一层是内核，第二层是基础服务，第三层是程序框架 。可用于大屏、PC、汽车等各种不同的设备上。还可以随时用在手机上，但暂时华为手机端依然...
harmonyos英文怎么读-Wechat-HarmonyOS:微信-HarmonyOS
07-01
开发者可以通过这个文件深入了解微信如何在 HarmonyOS 上实现功能优化和性能提升，甚至可以在此基础上进行二次开发，创建更符合 HarmonyOS 系统特色的社交应用。 总的来说，HarmonyOS 作为一款开源的分布式操作系统...
harmonyos英文怎么读-Wish-HarmonyOS:Wish-HarmonyOS
07-01
HarmonyOS，中文名为鸿蒙操作系统，是华为公司推出的一款面向未来、全场景的分布式操作系统，旨在为各种智能设备提供统一的操作平台。"HarmonyOS"的英文读音为 "hərˈməʊnɪəʊs"，在汉语中，"Wish-HarmonyOS...
HarmonyOS推送-HarmonyOS:鸿蒙操作系统
07-01
HarmonyOS，全称为鸿蒙操作系统，是中国华为公司推出的一款面向未来、全场景的分布式操作系统，旨在为各种智能设备提供统一的操作平台。这款操作系统基于微内核设计，具有高安全性、低延迟、高效率以及跨平台兼容性...
harmonyos英文怎么读-HarmonyOS:华为鸿蒙
07-01
harmonyos英文怎么读 HUAWEI HarmonyOS Hong Kong, Macau and Taiwan are Chinese territories. 香港、澳门、台湾是中国的固有领土。
软通动力HarmonyOS系统相机-awesome-harmonyos::rocket:AcuratedlistofawesomeHarmonyOSlibr
07-01
软通动力HarmonyOS系统相机 Awesome HarmonyOS :rocket: A curated list of awesome HarmonyOS libraries and resources. (华为「鸿蒙OS」的精选资源列表) :speech_balloon:「鸿蒙开发者交流群」：请添加微信号：...
ListContainer教程
BLUESKYHOST的博客
01-02 1376
ListContainer 当前教程项目地址 https://gitee.com/blueskyliu/hongmeng-os-actual-combat.git 提供在屏幕上向上或向下滚动时显示的列表容器。这个类继承自ComponentContainer。它使用BaseItemProvider或RecycleItemProvider来存储对象。 根据上面的定义我们得知 ListContainer 是列表容器，用来渲染重复性布局的容器 渲染条件 布局模板 官方推荐使用xml来写布局这里我们也
自学鸿蒙应用开发（16）- ListContainer
面向对象思考
06-28 1264
本文介绍在鸿蒙应用中ListContainer组件的基本用法。 ListContainer 准备ListContainer页面布局 在layout目录下的xml文件中创建ListContainer布局，将其命名为page_listcontainer.xml。 <?xml version="1.0" encoding="utf-8"?><ListContainer xmlns:ohos="http://schemas.huawei.com/res/ohos" ohos
鸿蒙OS应用开发之——Java UI框架-常用组件ListContainer
kenzsoft的博客
04-16 793
rebound_effect | setReboundEffect(boolean enabled) | 设置是否启用回弹效果 || orientation | setOrientation(int orientation) | 设置布局方向 || shader_color | setShaderColor(Color color) | 设置着色器颜色 || Object getItem(int position) | 根据position返回对应的数据 |// Toast显示在界面中间。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

Cyril_KI

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

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

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

打赏作者

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

抵扣说明：

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

余额充值