文件夹内容大小分析工具，分析各类型文件的占用大小，输出到列表显示

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

#javascript #css #前端 #cocos creator

1.html形式，支持所有文件夹，不需要考虑cocos版本

上代码

<!-- file: analyze-folder.html -->
<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <title>本地文件夹文件大小分析</title>
  <style>
    body { font-family: Arial, sans-serif; margin: 30px; background: #f8f8f8; }
    h2 { color: #333; }
    .controls { margin-bottom: 20px; background: #fff; padding: 12px; border-radius: 6px; box-shadow: 0 1px 4px #ccc; display: flex; gap: 20px; align-items: center; }
    label { font-size: 14px; }
    input[type="number"] { width: 60px; margin: 0 5px; }
    button { padding: 6px 16px; background: #409eff; color: #fff; border: none; border-radius: 4px; cursor: pointer; }
    button:hover { background: #66b1ff; }
    #result { margin-top: 20px; background: #fff; padding: 12px; border-radius: 6px; min-height: 60px; box-shadow: 0 1px 4px #ccc; }
    table { width: 100%; border-collapse: collapse; margin-top: 10px; }
    th, td { border: 1px solid #e0e0e0; padding: 6px 10px; text-align: left; }
    th { background: #f0f0f0; }
    tr:nth-child(even) { background: #fafafa; }
    .summary { margin-bottom: 10px; font-weight: bold; }
    .error { color: #e74c3c; font-weight: bold; }
    .path { font-size: 15px; color: #888; }
  </style>
</head>
<body>
  <h2>本地文件夹文件大小分析</h2>
  <div class="controls">
    <label>
      选择文件夹:
      <input type="file" id="folder" webkitdirectory directory multiple>
    </label>
    <label>
      最小文件大小:
      <input type="number" id="threshold" value="100"> KB
    </label>
    <label>
      显示前
      <input type="number" id="limit" value="20"> 个文件
    </label>
    <button id="analyze-btn">开始分析</button>
  </div>
  <div id="result"></div>
  <script>
    function formatSize(bytes) {
      if (bytes < 1024) return bytes + ' B';
      if (bytes < 1024 * 1024) return (bytes / 1024).toFixed(2) + ' KB';
      return (bytes / (1024 * 1024)).toFixed(2) + ' MB';
    }

    document.getElementById('analyze-btn').onclick = function () {
      const input = document.getElementById('folder');
      const files = input.files;
      const threshold = parseInt(document.getElementById('threshold').value) * 1024 || 0;
      const limit = parseInt(document.getElementById('limit').value) || 20;
      const resultDiv = document.getElementById('result');

      if (!files || files.length === 0) {
        resultDiv.innerHTML = '<div class="error">请先选择一个文件夹！</div>';
        return;
      }

      let fileList = [];
      for (let i = 0; i < files.length; i++) {
        const f = files[i];
        if (f.size >= threshold) {
          fileList.push({
            name: f.name,
            path: f.webkitRelativePath,
            size: f.size,
            ext: f.name.substring(f.name.lastIndexOf('.') + 1).toLowerCase()
          });
        }
      }

      fileList.sort((a, b) => b.size - a.size);
      const topFiles = fileList.slice(0, limit);
      const totalSize = fileList.reduce((sum, f) => sum + f.size, 0);

      let html = `
        <div class="summary">
          总文件数: ${fileList.length} (≥${formatSize(threshold)})<br>
          总大小: ${formatSize(totalSize)}
        </div>
        <table>
          <thead>
            <tr>
              <th>排名</th>
              <th>文件名</th>
              <th>大小</th>
              <th>类型</th>
              <th>路径</th>
            </tr>
          </thead>
          <tbody>
      `;
      topFiles.forEach((file, idx) => {
        html += `
          <tr>
            <td>${idx + 1}</td>
            <td>${file.name}</td>
            <td>${formatSize(file.size)}</td>
            <td>${file.ext}</td>
            <td class="path">${file.path}</td>
          </tr>
        `;
      });
      html += '</tbody></table>';
         // 添加文件类型统计
          const typeStats = getFileTypeStats(files);
          html += '<div class="type-stats"><h3>按类型统计</h3><ul>';
          for (const [type, size] of Object.entries(typeStats)) {
              html += `<li class="textCls">${type}: ${formatSize(size)} (${Math.round(size / totalSize * 100)}%)</li>`;
          }
          html += '</ul></div>';

      resultDiv.innerHTML = html;

     function getFileTypeStats(files) {
            const stats = {};
            for(let i=0;i<fileList.length;i++){
                const file = fileList[i];
                const type = file.ext || 'other';
                stats[type] = (stats[type] || 0) + file.size;
            }
            return stats;
        }
    };
  </script>
</body>
</html>

将上面html文件下载到本地，直接浏览器运行，选择要分析的文件夹即可

2.cocos creator插件形式，只支持cocos2.x，可以分析项目assets目录下的所有文件

在cocos creator项目根目标新建文件夹，packages,如果有可以不建，然后在packages中新建插件文件夹，文件夹名字一定要是"cocos-asset-analyzer" 

插件结构如下

─ package.json

── main.js

── panel/ ── index.js

── panel/ ── index.html 

1.package.json的内容

{
  "name": "cocos-asset-analyzer",
  "version": "1.0.0",
  "description": "Cocos Creator 资源文件大小分析工具",
  "author": "wxk",
  "main": "main.js",
  "panel": {
    "title": "资源分析",
    "main": "panel/index.js",
    "type": "dockable",
    "size": {
      "width": 800,
      "height": 600
    }
  },
  "main-menu": {
    "Tools/资源分析": {
      "message": "cocos-asset-analyzer:open-panel"
    }
  },
  "dependencies": {
  }
}

2.main.js内容

'use strict';

module.exports = {
  load() {
    // 插件加载时执行
    Editor.log('资源分析插件已加载');
  },

  unload() {
    // 插件卸载时执行
    Editor.log('资源分析插件已卸载');
  },
  // 添加消息响应，菜单会调用 open-panel
  messages: {
    'open-panel'() {
      Editor.log('打开资源分析面板');
      Editor.Panel.open('cocos-asset-analyzer');
      
    }
  }
};

3.index.js内容

'use strict';

const { log } = require('console');
const fs = require('fs');
const path = require('path');
Editor.Panel.extend({
    template: fs.readFileSync(Editor.url('packages://cocos-asset-analyzer/panel/index.html'), 'utf8'),
    ready() {
        const panel = this;
        const doc = panel.shadowRoot || panel; // 关键：获取面板文档对象
        const root = Editor.Project.path;
        const assetsPath = path.join(root, 'assets');

        let sizeThreshold = 1024 * 100;

        initUI();
        doc.getElementById('analyze-btn').addEventListener('click', analyzeAssets);
        doc.getElementById('threshold').addEventListener('input', updateThreshold); // 改为input事件
        // doc.getElementById('update-threshold').addEventListener('click', updateThreshold);
        // panel.addEventListener('click', (event) => {
        //     Editor.log(`点击事件: ${event.target.id}`);
        //     if (event.target.id === 'cocos-asset-analyzer') {
        //         analyzeAssets();
        //     } else if (event.target.id === 'update-threshold') {
        //         updateThreshold();
        //     }
        // });

        function formatSize(bytes) {
            if (bytes < 1024) return bytes + ' B';
            if (bytes < 1024 * 1024) return (bytes / 1024).toFixed(2) + ' KB';
            if (bytes < 1024 * 1024 * 1024) return (bytes / 1024 / 1024).toFixed(2) + ' MB';
            return (bytes / 1024 / 1024 / 1024).toFixed(2) + ' GB';
        }
        function initUI() {
            doc.getElementById('threshold').value = sizeThreshold / 1024;
            doc.getElementById('result').innerHTML = '<p>点击"开始分析"按钮分析资源</p>';
        }

        function updateThreshold() {
            Editor.log(`输入了: `);
            const newThreshold = parseInt(doc.getElementById('threshold').value);
            if (!isNaN(newThreshold)) {
                sizeThreshold = newThreshold * 1024;
                Editor.log(`更新文件大小阈值为: ${newThreshold}KB`);
            }
        }

        function analyzeAssets() {
            Editor.log(`开始分析: ${assetsPath}`);
            if (!fs.existsSync(assetsPath)) {
                showError('assets目录不存在');
                return;
            }
            doc.getElementById('result').innerHTML = '<p>分析中，请稍候...</p>';
            setTimeout(() => {
                try {
                    const files = getAssetFiles(assetsPath);
                    displayResults(files);
                } catch (e) {
                    showError(`分析失败: ${e.message}`);
                }
            }, 100);
        }

        function getAssetFiles(dir) {
            const files = [];
            function walk(currentDir) {
                const entries = fs.readdirSync(currentDir);
                entries.forEach(entry => {
                    if (entry.startsWith('.')) return;
                    const fullPath = path.join(currentDir, entry);
                    const stat = fs.statSync(fullPath);
                    if (stat.isDirectory()) {
                        walk(fullPath);
                    } else if (stat.isFile() && stat.size >= sizeThreshold) {
                        const relativePath = path.relative(assetsPath, fullPath);
                        files.push({
                            name: entry,
                            path: relativePath,
                            size: stat.size,
                            ext: path.extname(entry).toLowerCase()
                        });
                    }
                });
            }
            walk(dir);
            return files.sort((a, b) => b.size - a.size);
        }

        function displayResults(files) {
            const limit = parseInt(doc.getElementById('file-limit').value) || 20;
            const topFiles = files.slice(0, limit);
            const totalSize = files.reduce((sum, f) => sum + f.size, 0);

            let html = `
      <div class="summary">
        <div>总文件数: ${files.length} (≥${formatSize(sizeThreshold)})</div>
        <div>总大小: ${formatSize(totalSize)}</div>
      </div>
      <table class="result-table">
        <thead>
          <tr>
            <th>排名</th>
            <th>文件名</th>
            <th>大小</th>
            <th>类型</th>
            <th>路径</th>
          </tr>
        </thead>
        <tbody>
    `;

            topFiles.forEach((file, index) => {
                html += `
        <tr>
          <td>${index + 1}</td>
          <td>${file.name}</td>
          <td>${formatSize(file.size)}</td>
          <td>${file.ext}</td>
          <td class="path">${file.path}</td>
        </tr>
      `;
            });

            html += `</tbody></table>`;

            // 添加文件类型统计
            const typeStats = getFileTypeStats(files);
            html += '<div class="type-stats"><h3>按类型统计</h3><ul>';
            for (const [type, size] of Object.entries(typeStats)) {
                html += `<li class="textCls">${type}: ${formatSize(size)} (${Math.round(size / totalSize * 100)}%)</li>`;
            }
            html += '</ul></div>';

            doc.getElementById('result').innerHTML = html;
        }

        function getFileTypeStats(files) {
            const stats = {};
            files.forEach(file => {
                const type = file.ext || 'other';
                stats[type] = (stats[type] || 0) + file.size;
            });
            return stats;
        }

        function showError(message) {
            doc.getElementById('result').innerHTML =
                `<div class="error">${message}</div>`;
        }
    }
});

4.index.html内容

<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <title>资源分析工具</title>
  <style>
    /* ...你原有的样式... */
    .result-table {
      max-height: 600px;
      width: 100%;
      overflow-y: auto;
      display: block;
      margin-right: 20px;
      padding-left: 20px;
      padding-right: 20px;
    }

    .result-table table {
      width: 100%;
      table-layout: fixed;
      border-collapse: collapse;
    }

    .result-table th,
    .result-table td {
      padding: 8px 16px;
      text-align: left;
      word-break: break-all;
    }

    .type-stats {
      max-height: 200px;
      overflow-y: auto;
      margin-top: 16px;
      display: block;
    }

    #result {
      max-height: 800px;
      overflow-y: auto;
    }

    body {
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
      padding: 15px;
      color: #333;
    }

    .error {
      color: #f44336;
      padding: 10px;
      background: #ffebee;
      border-radius: 4px;
    }

    .summary {
      margin: 10px 0;
      width: 400px;
      padding: 10px;
      background: #f5f5f5;
      border-radius: 4px;
      font-size: 18px;
      color: #333;
    }

    .summary div {
      margin: 5px 0;
    }

    .controls {
      margin-bottom: 15px;
      padding: 10px;
      background: #f5f5f5;
      border-radius: 4px;
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: 10px;
    }

    .control-group {
      display: flex;
      align-items: center;
      gap: 5px;
      margin-right: 15px;
    }

    button {
      padding: 6px 12px;
      background: #1890ff;
      color: white;
      border: none;
      border-radius: 4px;
      cursor: pointer;
      font-size: 20px;
    }

    button:hover {
      background: #40a9ff;
    }

    input {
      padding: 5px;
      border: 1px solid #d9d9d9;
      border-radius: 4px;
      width: 80px;
      font-size: 20px;
    }

    .path {
      max-width: 300px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    .type-stats {
      margin-top: 10px;
      font-size: 16px;
    }

    .type-stats ul {
      list-style: none;
      padding: 0;
      margin: 0;
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
      gap: 10px;
    }

    .type-stats li {
      padding: 8px;
      background: #f5f5f5;
      border-radius: 4px;
    }

    .textCls {
      font-size: 20px;
      color: #333;
    }
  </style>
</head>

<body>
  <h2>资源文件大小分析</h2>

  <div class="controls">
    <div class="control-group">
      <label class="textCls">最小文件大小:</label>
      <input type="number" id="threshold" value="100">
      <span class="textCls">KB</span>
      <!-- <button id="update-threshold">更新</button> -->
    </div>

    <div class="control-group">
      <label class="textCls">显示前</label>
      <input type="number" id="file-limit" value="20">
      <span class="textCls">个文件</span>
    </div>

    <button id="analyze-btn">开始分析</button>
  </div>

  <div id="result"></div>
</body>

</html>

最后重启cocos ，在菜单栏选择 Tools/资源分析  即可

C++开发值得推荐的十大高效软件分析工具
dvlinker的技术专栏
06-16 1万+
本文详细讲述在Windows C++软件的日常开发和维护的过程中用到的一些常用工具，借助这些工具，可以高效快速地分析和排查软件开发调试过程中遇到的各种问题。
C++软件开发值得推荐的十大高效软件分析工具
热门推荐
dvlinker的技术专栏
10-31 2万+
本文系统地介绍了Dependency Walker、GDIView、Process Explorer/Process Hacker、Process Monitor、API Monitor、Clumsy、Windbg、IDA Pro等常用软件问题分析工具，并给出使用这些工具分析项目问题的实战分析实例。
FolderSize3.4——高效文件夹大小分析工具
weixin_29155599的博客
05-06 1968
在现代IT管理中，文件夹大小管理工具是必不可少的，它帮助我们监控和优化存储空间使用，提高工作效率。这类工具通过提供直观的视图来展示文件和文件夹的大小，使得用户能够轻松识别出占用磁盘空间的主要文件或文件夹，进而进行相应的管理措施，如删除不必要的文件、迁移大文件到其他存储介质、或者进行文件系统优化。工具的种类繁多，有的是命令行工具，适合熟悉操作系统的高级用户；有的是图形界面工具，更符合普通用户的使用习惯。
Windows系统文件夹大小查看工具与技巧
weixin_42610010的博客
07-11 2417
FolderSize是一款适用于Windows操作系统的第三方工具，它支持Windows 7及以上版本。安装FolderSize之前，需要确保系统满足以下要求：处理器：1 GHz或更快的处理器内存：1 GB (32位) 或 2 GB (64位) RAM硬盘空间：至少需要100 MB的可用空间显示器：1024 x 768或更高分辨率的屏幕确保系统兼容性后，您可以通过FolderSize的官方网站下载安装包，并执行安装程序。安装过程中不需要额外的配置选项，按提示完成安装即可。
批量查看和管理文件夹大小的工具与方法
最新发布
weixin_32311823的博客
08-19 1431
市场上有许多第三方软件提供了强大的文件夹大小分析功能，例如：WinDirStat：一个非常流行的开源工具，能提供图形化的磁盘使用情况统计。：它以可视化方式显示文件和文件夹，帮助用户快速了解磁盘空间的使用情况。：本文的重点介绍对象，它结合了直观的用户界面和丰富的功能，是许多用户的选择。在选择合适的第三方工具时，用户应该根据自己的需求和偏好来进行。对于需要详细分析和报告功能的用户来说，TreeSize Free是一个不错的选择。我们将在下一章详细介绍这个软件的使用方法和功能特点。
自定义资源管理器：实现文件夹大小显示功能的双版本教程
weixin_31659095的博客
07-18 1850
Folder Size 插件是一种能够直接集成到 Windows 资源管理器中的第三方工具。它为用户提供了直观的文件夹大小显示，无需通过命令行或第三方界面，极大的提升了用户体验。插件特点主要包含以下几点：直观显示：在文件资源管理器中直接显示文件夹的大小，包括子文件夹的占用。多种视图支持：支持不同的视图模式，如详细信息视图、列表视图等，用户可以根据自己的习惯选择。高亮显示大文件夹：可以设置超过指定大小的文件夹以不同颜色高亮显示，帮助用户快速识别占用大量空间的文件夹。
Windows中查看文件夹大小的技巧
weixin_28922227的博客
05-09 9909
系统隐藏文件通常是指那些操作系统或程序认为不应该被用户直接修改或删除的文件，它们通常对于系统正常运行至关重要。而用户自定义隐藏则是指用户为了管理方便，将自己创建的文件或文件夹隐藏起来。例如，在Windows系统中，文件可以被设置为隐藏属性，通过在文件属性中勾选“隐藏”复选框来实现。在默认情况下，文件资源管理器不会显示这些隐藏文件和文件夹。除了基本的按大小排序功能外，Windows资源管理器还允许用户自定义排序规则。
【python】树形目录显示，文件大小统计，filestools库tree
HelenLee
12-05 2167
仿Linux树形目录显示tree命令 这次使用到的库是filestools中的tree小工具，可以按树形结构显示目录，并且包含了文件大小统计功能 pip install filestools --index-url=http://mirrors.aliyun.com/pypi/simple -U 有两种使用的方式： 一、使用命令运行 1. 显示当前目录的树形结构 tree 2.指定其他需要递归显示的目录，并确定层级 tree -p D:/soft -m 1 运行结果： D:\..
【Linux/Ubuntu】查询文件和文件夹大小
TomRen
11-11 5111
使用命令行工具du，ls查询文件和文件夹大小 du命令 du命令可以查看文件夹的结构及其大小，可以使用-d参数和-B参数来简单的查询文件/文件夹： 其中-d n代表文件夹的查询深度，n为向内查询几层，一般使用1即可,-B k/m/g代表显示的单位为MB，GB等 &gt;&gt;&gt; du -sh &gt; 1.3G . #直接输出当前的大小summarized #也可以在后面...
硬盘空间管理：如何查看文件大小
weixin_35879493的博客
06-21 1882
Windows系统主要使用两种文件系统：FAT32和NTFS。FAT32是最老的文件系统，适用于早期的Windows版本，但有大小限制，最大只支持2TB的硬盘分区，且单个文件最大不超过4GB。相比之下，NTFS是更现代的文件系统，支持的硬盘分区和文件大小没有FAT32的限制。NTFS提供了更多的安全性和性能优化，如日志记录、权限管理、磁盘配额等。NTFS文件系统下的文件大小没有明确的上限，受实际磁盘空间和系统配置的限制。理解这些基础知识有助于更有效地管理文件和文件夹大小。
批处理统计文件夹内的所有文件的数量和总大小的bat
09-21
这个脚本可以显示当前文件夹及其子文件夹下的文件数量和总大小，但并未逐级显示每个子文件夹的信息。具体步骤包括： 1. **遍历文件夹**：使用 `for /d` 遍历指定路径下的所有子文件夹。 2. **统计文件信息**：在每...
精选资源
linux找到占用空间比较大的文件夹并按大小排序输出
01-09
本教程将详细解释如何使用`find`、`du`和`sort`命令组合来定位并按大小排序输出Linux系统中占用空间最大的文件夹。 首先，我们来看一下提供的命令： ```bash find /home -type d -exec du -s -m {} \; | sort -nr |...
FS 命令查看文件夹容量大小及文件nd5/sha1值
05-23
又或者，在有限的存储空间内，定期检查文件夹大小可以帮助管理员优化存储分配，清理不必要的文件，从而提高系统性能。 总的来说，"FS 命令"是一个强大的命令行工具，它整合了查看文件夹容量和验证文件完整性的功能...
磁盘文件夹大小分析工具，快速定位大文件区域
“文件夹大小分析工具”是一款专为提升磁盘空间管理效率而设计的系统级实用工具，其核心功能是通过深度扫描本地磁盘或指定存储设备中的文件与文件夹结构，精确统计并可视化展示各个目录所占用的磁盘空间大小。该工具...
Unity使用 Addressables 预加载所有资源，提现加载资源，发布webgl加载缓慢问题
github_38633141的博客
03-30 2万+
Addressables 我也是刚接触，知道的不是很多，基本的用法还是知道一些的 1.在Window–>Package Manager里找到Addressables进行安装 2.选择资源，点击Assets中的一个资源，在Inspector面板上就会出现一个勾选Assressable，也就是是否加入资源打包的分组，和AssetBundle分组是一个性质。选上以后就出现在Addressable面板的分组里， 有默认分组，也可以自己新建分组，在分组中的资源就可以使用addressable加载.
使用lineRender画线时不能在UI图上显示线的问题解析
github_38633141的博客
05-07 1万+
unity使用LineRender画线后，使线不被UI的图片遮挡
Unity使用UnityWebRequest请求服务器json数据，webgl端服务器请求
github_38633141的博客
03-15 1万+
根据unity官方说的， WebGL网络无法直接访问套接字 由于存在安全隐患，JavaScript 代码无法直接访问 IP 套接字来实现网络连接。因此，.NET 网络类（即System.Net命名空间中的所有内容，具体而言就是System.Net.Sockets）在 WebGL 中不起作用。Unity 旧有的UnityEngine.Network*类也是如此，以 WebGL 为构建目标时无法使用这些类。 如果需要在 WebGL 中使用网络，当前可选择的做法是使用 Unity 中的WWW...
unity发布WebGl在手机上的横屏适配，webgl横版游戏在手机上直接转横屏
github_38633141的博客
05-11 9375
unity版本2020.1 问题：webgl的横版游戏 1920*1080,在手机上适配的不好，还是竖屏显示， 使用官方的说明，说是只在全屏模式下能旋转，也不好用，可能直接旋转也不会达到理想的效果 解决方案： 1.我这边使用的方案是UI的适配，UGUI,采用的是两套UI，根据不同平台加载不同的资源就行，我这里使用的Addressable来加载资源的，pc端加载的比如是UILogin,手机上加载的是mb_UILogin （1）需要配置canvas这里适配Match改成两者之间 ..
unity实现简单的地图编辑器，实现跑酷地图编辑器 2d地图编辑器，导出地图json数据，导入地图json数据
github_38633141的博客
03-11 6433
这里使用的是unity2020.1 对于unity编辑器开发也不是很了解，这方面的教程也不多，也是慢慢摸索的 效果显示 首先简单 介绍下Unity编辑器开发 1:Editor下打开新窗口需要继承EditorWindow,然后使用获取窗口即可,注意放在Editor文件夹下 public class DrawGameLevel : EditorWindow { [MenuItem("Maps/Create Map &M")] public static void .
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值