react利用exceljs实现table表格的导出(带图片，样式）

已于 2022-04-16 22:47:12 修改
阅读量2.9k 收藏 11
点赞数 1
分类专栏： React js js_笔记 文章标签： html5 javascript 前端
于 2020-10-23 17:48:45 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40958876/article/details/109247014
版权
js_笔记 同时被 3 个专栏收录
32 篇文章 1 订阅
订阅专栏
js
20 篇文章 0 订阅
订阅专栏
React
9 篇文章 0 订阅
订阅专栏

2022/04/16最新更新

github链接: link
gitee链接: link

在这里插入图片描述

之前老的，代码结构不清晰，现已上传github

导出表格效果
比较难看的代码，主要是为了实现带图片，带样式的table导出，希望哪位大佬有其他方法可以私信我

//引入exceljs
const Excel = require('exceljs');
 // 导出excel
    downloadExcel = () => {
        let dataLength = 0;
        this.state.dataItems.forEach(floor => {
            floor.rooms.forEach(room => {
                dataLength += room.devices ? room.devices.length : 0
                dataLength += room.pipes ? room.pipes.length : 0
                dataLength += room.joints ? room.joints.length : 0
                dataLength += room.hangers ? room.hangers.length : 0
                dataLength += room.insulationPipes ? room.insulationPipes.length : 0
                dataLength += room.staples ? room.staples.length : 0
                dataLength += room.holes ? room.holes.length : 0
            })
        });
        this.state.percent = 0;
        this.progressGaga(true)

        //cell style
        var fills = {
            solid: { type: "pattern", pattern: "solid", color: { argb: 'FFFFFFFF' }, fgColor: { argb: "FF1890FF" }, height: 40 }
        };
        //create a workbook
        var workbook = new Excel.Workbook();
        //add header
        var ws1 = workbook.addWorksheet(this.getPageTitle());
        // 表头
        ws1.columns = this.state.columns;
        // 表头样式
        ws1.getCell("A1").fill = fills.solid;
        ws1.getCell("B1").fill = fills.solid;
        ws1.getCell("C1").fill = fills.solid;
        ws1.getCell("D1").fill = fills.solid;
        ws1.getCell("E1").fill = fills.solid;
        ws1.getCell("F1").fill = fills.solid;
        ws1.getCell("G1").fill = fills.solid;
        ws1.getCell("H1").fill = fills.solid;
        ws1.getCell("I1").fill = fills.solid;
        ws1.getCell("J1").fill = fills.solid;
        ws1.getCell("K1").fill = fills.solid;
        ws1.getCell("L1").fill = fills.solid;
        ws1.getCell("M1").fill = fills.solid;
        ws1.getCell("N1").fill = fills.solid;
        ws1.getCell("O1").fill = fills.solid;
        // 第一行
        var count = 0;
        var allFloorPromse = Promise.resolve();
        var floorPromise = [];
        var allFloors = [];
        var allRooms = [];
        var floorStart = 0;
        var roomStart = 0;
        this.state.dataItems.forEach((floor, index) => {
            let floorCont = 0
            floor.rooms && floor.rooms.length > 0 && floor.rooms.forEach(data => {
                floorCont += data.devices ? data.devices.length : 0
                floorCont += data.pipes ? data.pipes.length : 0
                floorCont += data.joints ? data.joints.length : 0
                floorCont += data.hangers ? data.hangers.length : 0
                floorCont += data.insulationPipes ? data.insulationPipes.length : 0
                floorCont += data.staples ? data.staples.length : 0
                floorCont += data.wireses ? data.wireses.length : 0
                floorCont += data.wirewes ? data.wirewes.length : 0
                floorCont += data.textures ? data.textures.length : 0
                floorCont += data.holes ? data.holes.length : 0
            })
            allFloors.push({
                startLine: floorStart === 0 ? 2 : floorStart + 1,
                endLine: floorCont + (floorStart === 0 ? floorStart + 1 : floorStart)
            })
            floorStart += (floorStart === 0 ? floorCont + 1 : floorCont);
            var imgPromises = [];
            var pipesPromises = [];
            var jointsPromises = [];
            var holesPromises = [];
            var hangersPromises = [];
            var insulationPipesPromises = [];
            var staplesPipesPromises = [];
            var wiresesPipesPromises = [];
            var wirewesPipesPromises = [];
            var texturesPipesPromises = [];
            floor.rooms && floor.rooms.length > 0 && floor.rooms.forEach((room, roomIndex) => {
                let roomRowSpan =
                    (room.devices ? room.devices.length : 0) +
                    (room.pipes ? room.pipes.length : 0) +
                    (room.joints ? room.joints.length : 0) +
                    (room.hangers ? room.hangers.length : 0) +
                    (room.insulationPipes ? room.insulationPipes.length : 0) +
                    (room.staples ? room.staples.length : 0) +
                    (room.wireses ? room.wireses.length : 0) +
                    (room.wirewes ? room.wirewes.length : 0) +
                    (room.textures ? room.textures.length : 0) +
                    (room.holes ? room.holes.length : 0);
                //console.log(roomRowSpan)
                allRooms.push({
                    startLine: roomStart === 0 ? 2 : roomStart + 1,
                    endLine: roomRowSpan + (roomStart === 0 ? roomStart + 1 : roomStart),
                })
                roomStart += (roomStart === 0 ? roomRowSpan + 1 : roomRowSpan)

                room.devices && this.setImagePromise(room.devices, imgPromises, workbook)
                room.pipes && this.setImagePromise(room.pipes, pipesPromises, workbook)
                room.joints && this.setImagePromise(room.joints, jointsPromises, workbook)
                room.hangers && this.setImagePromise(room.hangers, hangersPromises, workbook)
                room.insulationPipes && this.setImagePromise(room.insulationPipes, insulationPipesPromises, workbook)
                room.staples && this.setImagePromise(room.staples, staplesPipesPromises, workbook)
                room.wireses && this.setImagePromise(room.wireses, wiresesPipesPromises, workbook)
                room.wirewes && this.setImagePromise(room.wirewes, wirewesPipesPromises, workbook)
                room.textures && this.setImagePromise(room.textures, texturesPipesPromises, workbook)
                room.holes && this.setImagePromise(room.holes, holesPromises, workbook)
            });

            allFloorPromse = allFloorPromse.then(result => {
                floorPromise = []
                floorPromise = floorPromise.concat([
                    ...imgPromises,
                    ...pipesPromises,
                    ...jointsPromises,
                    ...hangersPromises,
                    ...holesPromises,
                    ...insulationPipesPromises,
                    ...staplesPipesPromises,
                    ...wiresesPipesPromises,
                    ...wirewesPipesPromises,
                    ...texturesPipesPromises,
                ]);
                console.log('floorPromise length: ' + floorPromise.length);
                return Promise.all(floorPromise).then(result => {
                    console.log('floorpromise result: ' + result);
                    this.progressGaga(true)
                    floor.rooms && floor.rooms.length > 0 && floor.rooms.forEach((room, roomIndex) => {
                        //devices
                        room.devices && room.devices.length > 0 && room.devices.forEach((data, index) => {
                            let floorName = roomIndex === 0 && index === 0 ? floor.floor : '';
                            let roomName = index === 0 ? room.roomName : '';
                            this.addItemRow(data, ws1, floorName, roomName);
                            count += 1;
                            (data.imageId === 0 || data.imageId) && this.addImageRow(data, ws1, count)
                        });
                        // pipes
                        room.pipes && room.pipes.length > 0 && room.pipes.forEach((data, index) => {
                            let floorName = (room.devices && room.devices.length > 0) ? '' : roomIndex === 0 && index === 0 ? floor.floor : '';
                            let roomName = (room.devices && room.devices.length > 0) ? '' : index === 0 ? room.roomName : '';
                            this.addItemRow(data, ws1, floorName, roomName);
                            count += 1;
                            (data.imageId === 0 || data.imageId) && this.addImageRow(data, ws1, count)
                        });
                        // joints
                        room.joints && room.joints.length > 0 && room.joints.forEach((data, index) => {
                            let floorName = (room.devices && room.devices.length > 0) || (room.pipes && room.pipes.length > 0) ? '' : roomIndex === 0 && index === 0 ? floor.floor : '';
                            let roomName = (room.devices && room.devices.length > 0) || (room.pipes && room.pipes.length > 0) ? '' : index === 0 ? room.roomName : '';
                            this.addItemRow(data, ws1, floorName, roomName);
                            count += 1;
                            (data.imageId === 0 || data.imageId) && this.addImageRow(data, ws1, count)
                        });
                        // hangers
                        room.hangers && room.hangers.length > 0 && room.hangers.forEach((data, index) => {
                            let floorName = (room.devices && room.devices.length > 0) || (room.pipes && room.pipes.length > 0) || (room.joints && room.joints.length > 0) ? '' : roomIndex === 0 && index === 0 ? floor.floor : '';
                            let roomName = (room.devices && room.devices.length > 0) || (room.pipes && room.pipes.length > 0) || (room.joints && room.joints.length > 0) ? '' : index === 0 ? room.roomName : '';
                            this.addItemRow(data, ws1, floorName, roomName);
                            count += 1;
                            (data.imageId === 0 || data.imageId) && this.addImageRow(data, ws1, count)
                        });
                        // insulationPipes
                        room.insulationPipes && room.insulationPipes.length > 0 && room.insulationPipes.forEach((data, index) => {
                            let floorName = (room.devices && room.devices.length > 0) || (room.pipes && room.pipes.length > 0) || (room.joints && room.joints.length > 0) || (room.hangers && room.hangers.length > 0) ? '' : roomIndex === 0 && index === 0 ? floor.floor : '';
                            let roomName = (room.devices && room.devices.length > 0) || (room.pipes && room.pipes.length > 0) || (room.joints && room.joints.length > 0) || (room.hangers && room.hangers.length > 0) ? '' : index === 0 ? room.roomName : '';
                            this.addItemRow(data, ws1, floorName, roomName);
                            count += 1;
                            (data.imageId === 0 || data.imageId) && this.addImageRow(data, ws1, count)
                        });
                        // staples
                        room.staples && room.staples.length > 0 && room.staples.forEach((data, index) => {
                            let floorName = (room.devices && room.devices.length > 0) || (room.pipes && room.pipes.length > 0) || (room.joints && room.joints.length > 0) || (room.hangers && room.hangers.length > 0) || (room.insulationPipes && room.insulationPipes.length > 0) ? '' : roomIndex === 0 && index === 0 ? floor.floor : '';
                            let roomName = (room.devices && room.devices.length > 0) || (room.pipes && room.pipes.length > 0) || (room.joints && room.joints.length > 0) || (room.hangers && room.hangers.length > 0) || (room.insulationPipes && room.insulationPipes.length > 0) ? '' : index === 0 ? room.roomName : '';
                            this.addItemRow(data, ws1, floorName, roomName);
                            count += 1;
                            (data.imageId === 0 || data.imageId) && this.addImageRow(data, ws1, count)
                        });
                        // wireses
                        room.wireses && room.wireses.length > 0 && room.wireses.forEach((data, index) => {
                            let floorName = (room.devices && room.devices.length > 0) ||
                                (room.pipes && room.pipes.length > 0) ||
                                (room.joints && room.joints.length > 0) ||
                                (room.hangers && room.hangers.length > 0) ||
                                (room.insulationPipes && room.insulationPipes.length > 0) ||
                                (room.staples && room.staples.length > 0)
                                ? '' : roomIndex === 0 && index === 0 ? floor.floor : '';
                            let roomName = (room.devices && room.devices.length > 0) ||
                                (room.pipes && room.pipes.length > 0) ||
                                (room.joints && room.joints.length > 0) ||
                                (room.hangers && room.hangers.length > 0) ||
                                (room.insulationPipes && room.insulationPipes.length > 0) ||
                                (room.staples && room.staples.length > 0)
                                ? '' : index === 0 ? room.roomName : '';
                            this.addItemRow(data, ws1, floorName, roomName);
                            count += 1;
                            (data.imageId === 0 || data.imageId) && this.addImageRow(data, ws1, count)
                        });
                        // wirewes
                        room.wirewes && room.wirewes.length > 0 && room.wirewes.forEach((data, index) => {
                            let floorName = (room.devices && room.devices.length > 0) ||
                                (room.pipes && room.pipes.length > 0) ||
                                (room.joints && room.joints.length > 0) ||
                                (room.hangers && room.hangers.length > 0) ||
                                (room.insulationPipes && room.insulationPipes.length > 0) ||
                                (room.staples && room.staples.length > 0) ||
                                (room.wireses && room.wireses.length > 0)
                                ? '' : roomIndex === 0 && index === 0 ? floor.floor : '';
                            let roomName = (room.devices && room.devices.length > 0) ||
                                (room.pipes && room.pipes.length > 0) ||
                                (room.joints && room.joints.length > 0) ||
                                (room.hangers && room.hangers.length > 0) ||
                                (room.insulationPipes && room.insulationPipes.length > 0) ||
                                (room.staples && room.staples.length > 0) ||
                                (room.wireses && room.wireses.length > 0)
                                ? '' : index === 0 ? room.roomName : '';
                            this.addItemRow(data, ws1, floorName, roomName);
                            count += 1;
                            (data.imageId === 0 || data.imageId) && this.addImageRow(data, ws1, count)
                        });
                        // textures
                        room.textures && room.textures.length > 0 && room.textures.forEach((data, index) => {
                            let floorName = (room.devices && room.devices.length > 0) ||
                                (room.pipes && room.pipes.length > 0) ||
                                (room.joints && room.joints.length > 0) ||
                                (room.hangers && room.hangers.length > 0) ||
                                (room.insulationPipes && room.insulationPipes.length > 0) ||
                                (room.staples && room.staples.length > 0) ||
                                (room.wireses && room.wireses.length > 0) ||
                                (room.wirewes && room.wirewes.length > 0)
                                ? '' : roomIndex === 0 && index === 0 ? floor.floor : '';
                            let roomName = (room.devices && room.devices.length > 0) ||
                                (room.pipes && room.pipes.length > 0) ||
                                (room.joints && room.joints.length > 0) ||
                                (room.hangers && room.hangers.length > 0) ||
                                (room.insulationPipes && room.insulationPipes.length > 0) ||
                                (room.staples && room.staples.length > 0) ||
                                (room.wireses && room.wireses.length > 0) ||
                                (room.wirewes && room.wirewes.length > 0)
                                ? '' : index === 0 ? room.roomName : '';
                            this.addItemRow(data, ws1, floorName, roomName);
                            count += 1;
                            (data.imageId === 0 || data.imageId) && this.addImageRow(data, ws1, count)
                        });
                        // holes
                        room.holes && room.holes.length > 0 && room.holes.forEach((data, index) => {
                            let floorName = (room.devices && room.devices.length > 0) ||
                                (room.pipes && room.pipes.length > 0) ||
                                (room.hangers && room.hangers.length > 0) ||
                                (room.joints && room.joints.length > 0) ||
                                (room.insulationPipes && room.insulationPipes.length > 0) ||
                                (room.staples && room.staples.length > 0) ||
                                (room.wireses && room.wireses.length > 0) ||
                                (room.wirewes && room.wirewes.length > 0) ||
                                (room.textures && room.textures.length > 0)
                                ? '' : roomIndex === 0 && index === 0 ? floor.floor : '';
                            let roomName = (room.devices && room.devices.length > 0) ||
                                (room.pipes && room.pipes.length > 0) ||
                                (room.hangers && room.hangers.length > 0) ||
                                (room.joints && room.joints.length > 0) ||
                                (room.insulationPipes && room.insulationPipes.length > 0) ||
                                (room.staples && room.staples.length > 0) ||
                                (room.wireses && room.wireses.length > 0) ||
                                (room.wirewes && room.wirewes.length > 0) ||
                                (room.textures && room.textures.length > 0)
                                ? '' : index === 0 ? room.roomName : '';
                            this.addItemRow(data, ws1, floorName, roomName);
                            count += 1;
                            (data.imageId === 0 || data.imageId) && this.addImageRow(data, ws1, count)
                        });
                    });
                    return Promise.resolve();
                });
            });
        });

        allFloorPromse.then(res => {
            allFloors.forEach(item => {
                ws1.mergeCells(item.startLine, 1, item.endLine, 1)
            });
            allRooms.forEach(item => {
                ws1.mergeCells(item.startLine, 2, item.endLine, 2)
            });
            //最主要的灵魂在这里
            workbook.xlsx.writeBuffer()
                .then(buffer => {
                    this.progressGaga(false)
                    let base64 = buffer.toString('base64')
                    // console.log(buffer.toString('base64'))
                    // 使用atob方法解码base64
                    var raw = window.atob(base64);
                    // 创建一个存储解码后数据的数组
                    var uInt8Array = new Uint8Array(raw.length);
                    // blob只能接收二进制编码，需要讲base64转为二进制再塞进去
                    for (var i = 0; i < raw.length; ++i) {
                        uInt8Array[i] = raw.charCodeAt(i);
                    }
                    // 这里给了一个返回值，在别的方法掉用传入base64编码就可以得到转化后的blob
                    const link = document.createElement('a')
                    const blob = new Blob([uInt8Array], { type: 'application/vnd.ms-excel' })
                    link.style.display = 'none'
                    link.href = URL.createObjectURL(blob)
                    //设置下载的Excel表名
                    link.setAttribute('download', this.getPageTitle() + '.xlsx')
                    document.body.appendChild(link)
                    link.click()
                    document.body.removeChild(link)
                }).catch(error => {
                    this.progressGaga(false)
                    throw error;
                })
        });
    };

    addItemRow = (data, ws1, floorName, roomName) => {
        ws1.addRow([
            floorName,
            roomName,
            '',
            data.materialNo,
            data.deviceName,
            data.specifications,
            data.category,
            data.brand,
            data.series,
            data.number,
            data.length,
            data.unit,
            data.unitPrice,
            data.totalPrice,
            data.note,
        ]).height = 30;
        this.progressGaga(true)
    };Ï
Hao.Zhou
关注
  • 1
    点赞
  • 踩
  • 11
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
前端页面导出table中的内容到excel
10-26
工作之余整理的，可用于实现在前端页面导出table表格中的数据到excel，支持生成json、excel等格式。
react使用exceljs实现导出Excel
如诗
07-06 1743
将table导出成excel文件并且需要有下拉框和相应的规则。
前端实现将数据（含文字、图片）导出到Excel中
最新发布
XUANEER的博客
04-16 282
【代码】前端实现将数据（含文字、图片）导出到Excel中。
React前端做导出excel
luback的博客
01-23 818
我给出了两种可行方案，第一种是前端做导出第二种是请求后端接口返回的是文档流，来做导出文件。
前端excel导出图片
weixin_44921894的博客
01-05 1055
前端excel导出图片
基于react/antd的纯前端js导入excel
11-27
基于react/antd的纯前端js导入excel,用户下载之后直接放入项目里面引用即可,无需后端服务支持
Excel.js导出图片和表格
weixin_45514326的博客
10-25 1864
纯前端导出excel
react-data-table-component-extensions:将表格数据导出为 CSV 或 Excel 文件，过滤并打印数据
05-31
React数据表组件扩展将表格数据导出为CSV或Excel文件，过滤并打印数据。入门使用 NPM 安装： $ npm install react-data-table-component styled-components然后安装 data-table-extensions 扩展。 $ npm install ...
react-rsuitetable是一个React实现的表格Table组件
08-15
rsuite-table 是一个 React 实现的表格(Table) 组件。支持固定表头，固定列（固定在左侧）；支持自定义调整列宽；支持自定义单元格内容；支持显示树状表格；支持排序。
react+ant design实现Table的增、删、改的示例代码
01-19
本人小白一名，第一次学习react ,该资料为本人原创，采用的是react+ant design的Tabled的一个小demo,暂时只实现了增加，删除单行，多行删除有Bug,查看详情，呕心沥血耗时一周完成，禁止抄袭，转载请先留言， ...
前端解析包含图片的excel文件
m0_65029152的博客
01-19 3070
本文主要是记录前端在解析excel时，处理图片文件的问题；
导出带有图片xlsx的js插件
12-20
可直接导出带有图片得xlsx文件
js读取excel中的图片
weixin_43569417的博客
03-18 432
js读取excel中的图片
前端js生成带图片的xlsx文件
ly408108023的博客
12-20 4189
前几天公司一个小项目需要在前端生成一个带有二维码图片的excel表格，经过一上午的搜罗，搜索到的大部分结果最终生成的文件均不是标准的xlsx文件，最后以失败告终，不过在查询的过程中惊喜的发现一个自认为非常好用而且十分建单方便的js库 better-xlsx 对表格开发感兴趣的朋友可以去看一看。 简单的使用方法： const fs = require('fs'); const xlsx = require('better-xlsx'); const file = new xlsx....
基于excel.js 面向对象实现Excel的生成以及导出(完整表格·带图片）
ZH
11-26 1132
效果如下 excel.js（生成Excel的json文件） import ERPUtil from "./erpUtil"; const Excel = require('exceljs'); export class ERPExcelCell { row = null; key = null; block = null; excelCell = null; beMerged = false; value = null; // excel
js html 实现excel文件上传 服务端使用java语言 Apache poi工具解析 excel中图片解析获取
无痕的博客
06-20 631
一. html web页面 <script type="text/javascript" src="../../static/plugin/zTree_v3/js/jquery-1.4.4.min.js"></script> <div class="layui-input-inline" > <span class="input" ><input type="file" id="upfile" name="upfile" st
使用exceljs实现导出luckysheet表格追加图片导出
ly151889的博客
10-26 2051
说明:用于记录 luckysheet导出文件，根据官网推荐,配合exceljs导出Excel，基本功能参考[Luckysheet导出excel] (https://blog.csdn.net/csdn_lsy/article/details/107179708)，增加导出图片功能 导出待解决问题，设置border 一.技术 exceljs#images luckysheet 导出 二.实现 export async function exportExcel(luckysheetObj, fileName,
vue js-table2excel 导出excel 带多张图片，js-table2excel插件改写
tpl9236 的博客
03-08 2915
vue导出excel 多张图片
vue js-table2excel + xlsx 文件导入导出 （导出包含图片）
qq_44428688的博客
01-03 1675
如果做文件的小批量导出不用转换base64 直接用http url即可 文件量或者图片过大可能会出现加载失败的情况 避免这个问题 是跑all方法去请求url资源转换成base64 再渲染就能够全部导出 转base64的时候做了一个图片压缩 不需要的可以去掉。代码中掺杂着文本匹配Id 的逻辑 不需要的可以忽略 #@是个人习惯 可以换成别的 表格头文本描述和字段值的分隔符。需要安装以下这两个依赖包 js-table2excel 用于文件导出 xlsx 用于文件导入。
react实现table表格导出excel表格功能
05-31
可以使用第三方库 `react-table-to-excel` 来实现表格导出功能。 首先，安装该库： ``` npm install react-table-to-excel ``` 然后，在你的组件中引入它： ```jsx import ReactTableToExcel from "react-table-to-excel"; ``` 接下来，在表格组件中添加一个按钮和 `ReactTableToExcel` 组件。将 `data` 和 `columns` 作为 `ReactTableToExcel` 组件的属性传递即可。 ```jsx import React, { useMemo } from "react"; import ReactTable from "react-table"; import ReactTableToExcel from "react-table-to-excel"; const Table = ({ data, columns }) => { const tableData = useMemo(() => data, [data]); const tableColumns = useMemo(() => columns, [columns]); return ( <div> <ReactTable data={tableData} columns={tableColumns} /> <ReactTableToExcel className="btn btn-primary mt-3" table="table-to-xls" filename="table" sheet="sheet 1" buttonText="导出 Excel" /> </div> ); }; export default Table; ``` 其中，`table` 属性为你要导出的表格的 ID，`filename` 属性为导出文件的文件名，`sheet` 属性为导出的 Excel 表格的 sheet 名称，`buttonText` 属性为导出按钮上的文本。 最后，在你的表格组件中，添加一个 ID 名为 `table-to-xls` 的 `table` 元素。 ```jsx <table id="table-to-xls"> {/* 表格内容 */} </table> ``` 这样，当用户点击“导出 Excel”按钮时，表格将会以 Excel 文件的形式下载到用户的本地电脑上。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

Hao.Zhou

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

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

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

打赏作者

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

抵扣说明：

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

余额充值