gulp配置打包微信和支付宝小程序

已于 2023-04-25 13:41:22 修改
阅读量566 收藏 1
点赞数
分类专栏： wx小程序 前端开发 文章标签： 微信小程序 gulp javascript
于 2023-03-08 14:34:53 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_50367873/article/details/129402890
版权

方法一：

文件目录
在这里插入图片描述

上代码

gulpfile.js

var gulp = require("gulp");
var config = require("./index.js");
var rename = require("gulp-rename");
var clean = require("gulp-clean");
var less = require("gulp-less");
const SOURCE_CODE_PATH = "./src";
//清除
gulp.task("clean", (done) => {
  gulp.src("./dist").pipe(clean());
  done();
});
//输出wxml
gulp.task("wxml", (done) => {
  gulp.src("./src/**/*.wxml").pipe(gulp.dest(config.dist));
  done();
});
//输出html
gulp.task("html", (done) => {
  gulp
    .src("./src/**/*.html")
    .pipe(
      rename(function (path) {
        path.extname = ".wxml";
      })
    )
    .pipe(gulp.dest(config.dist));
  done();
});
//输出less
gulp.task("less", (done) => {
  gulp
    .src("./src/**/*.less")
    .pipe(
      less({
        outputStyle: "compressed",
      })
    )
    .pipe(
      rename(function (path) {
        path.extname = ".wxss";
      })
    )
    .pipe(gulp.dest(config.dist));
  done();
});
//输出wxss
gulp.task("wxss", (done) => {
  gulp.src("./src/**/*.wxss").pipe(gulp.dest(config.dist));
  done();
});
//输入wxml
gulp.task("json", (done) => {
  gulp.src("./src/**/*.json").pipe(gulp.dest(config.dist));
  done();
});
//输出js
gulp.task("js", (done) => {
  gulp.src("./src/**/*.js").pipe(gulp.dest(config.dist));
  done();
});
//输出image
gulp.task("image", (done) => {
  gulp
    .src("./src/**/*.{png,jpg,gif,ico}")

    .pipe(gulp.dest(config.dist));
  done();
});
//输出sjs
gulp.task("sjs", (done) => {
  gulp.src("./src/**/*.sjs").pipe(gulp.dest(config.dist));
  done();
});

// 监听
gulp.task("watch", (done) => {
  gulp.watch(SOURCE_CODE_PATH + "/**/*.html", gulp.series("html"));
  gulp.watch(SOURCE_CODE_PATH + "/**/*.wxml", gulp.series("wxml"));
  gulp.watch(SOURCE_CODE_PATH + "/**/*.less", gulp.series("less"));
  gulp.watch(SOURCE_CODE_PATH + "/**/*.wxss", gulp.series("wxss"));
  gulp.watch(SOURCE_CODE_PATH + "/**/*.js", gulp.series("js"));
  gulp.watch(SOURCE_CODE_PATH + "/**/*.sjs", gulp.series("sjs"));
  gulp.watch(SOURCE_CODE_PATH + "/**/*.{json,json5}", gulp.series("json"));
  gulp.watch(
    SOURCE_CODE_PATH + "/**/*.{png,jpg,jpeg,gif,ico,svg,webp}",
    gulp.series("image")
  );
  done();
});
//dev任务  需要异步执行wxml,ascc,json,js,image任务
gulp.task(
  "dev",
  gulp.series(
    "html",
    "wxml",
    "less",
    "wxss",
    "json",
    "js",
    "image",
    "sjs",
    "watch",
    (done) => {
      gulp
        .src(config.dev)
        .pipe(
          rename(function (path) {
            path.basename = "config";
          })
        )
        .pipe(gulp.dest(config.dist));
      done();
    }
  )
);
//test任务 需要异步执行wxml,ascc,json,js,image任务
gulp.task(
  "test",
  gulp.series(
    "html",
    "wxml",
    "less",
    "wxss",
    "json",
    "js",
    "image",
    "sjs",
    "watch",
    (done) => {
      gulp
        .src(config.test)
        .pipe(
          rename(function (path) {
            path.basename = "config";
          })
        )
        .pipe(gulp.dest(config.dist));
      done();
    }
  )
);

//prod任务 需要异步执行wxml,ascc,json,js,image任务
gulp.task(
  "prod",
  gulp.series(
    "html",
    "wxml",
    "wxss",
    "less",
    "json",
    "js",
    "image",
    "sjs",
    "watch",
    (done) => {
      gulp
        .src(config.prod)
        .pipe(
          rename(function (path) {
            path.basename = "config";
          })
        )
        .pipe(gulp.dest(config.dist));
      done();
    }
  )
);
//默认任务,监听所有文件的而变化,出了图片
gulp.task(
  "default",
  gulp.series(
    "html",
    "wxml",
    "wxss",
    "less",
    "json",
    "js",
    "image",
    "sjs",
    function () {
      gulp.watch("./src/**/*.html", (done) => {
        gulp
          .src("./src/**/*.html")
          .pipe(
            rename(function (path) {
              path.extname = ".wxml";
            })
          )
          .pipe(gulp.dest(config.dist));
        done();
      });

      gulp.watch("./src/**/*.wxml", (done) => {
        gulp.src("./src/**/*.wxml").pipe(gulp.dest(config.dist));
        done();
      });
      gulp.watch("./src/**/*.less", (done) => {
        gulp
          .src("./src/**/*.less")
          .pipe(
            less({
              outputStyle: "compressed",
            })
          )
          .pipe(
            rename(function (path) {
              path.extname = ".wxss";
            })
          )
          .pipe(gulp.dest(config.dist));
        done();
      });

      gulp.watch("./src/**/*.wxss", (done) => {
        gulp.src("./src/**/*.wxss").pipe(gulp.dest(config.dist));
        done();
      });
      gulp.watch("./src/**/*.json", (done) => {
        gulp.src("./src/**/*.json").pipe(gulp.dest(config.dist));
        done();
      });
      gulp.watch("./src/**/*.js", (done) => {
        gulp.src("./src/**/*.js").pipe(gulp.dest(config.dist));
        done();
      });
      gulp.watch("./src/**/*.sjs", (done) => {
        gulp.src("./src/**/*.sjs").pipe(gulp.dest(config.dist));
        done();
      });
    }
  )
);

gulpfile.prod.js

// 生产配置项
const config = {
    env: "test",
    a:1
}

package.json

{
  "dependencies": {
    "clean": "^4.0.2",
    "cross-env": "^7.0.3",
    "gulp": "^4.0.0",
    "gulp-clean": "^0.4.0",
    "gulp-less": "^4.0.1",
    "gulp-rename": "^1.4.0"
  },
  "name": "aaa",
  "version": "1.0.0",
  "main": "index.js",
  "scripts": {
    "dev:dev": "cross-env NODE_ENV=dev gulp dev",
    "dev:test": "cross-env NODE_ENV=test gulp test",
    "dev:prod": "cross-env NODE_ENV=prod gulp prod",
    "build:test": "cross-env NODE_ENV=test gulp build",
    "build:prod": "cross-env NODE_ENV=prod gulp build",
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "repository": {
    "type": "git",
    "url": ""
  },
  "author": "",
  "license": "ISC",
  "description": ""
}

方法二（zfb）：

文件目录：在根目录，src同级新建文件夹config,gulpfile.js
在这里插入图片描述
gulpfile.js

const {
    src,
    dest,
    parallel,
    series,
    watch
} = require('gulp');
const loadPlugins = require('gulp-load-plugins');
const path = require('path');
const chalk = require('chalk');
const plugins = loadPlugins();
// gulp-cached 将构建过的文件，生成一个hash，缓存在内存中,只更新修改文件，而不再会一次性重新构建全部监控文件。
const CONFIG_PATH = './configs';
const SOURCE_CODE_PATH = './src';
const OUTPUT_PATH = './dist';
const ENV = process.env.NODE_ENV || 'prod';
const startTime = Date.now();
const clean = () => {
    if (process.env.CLEAR_CACHE) {
        // 手动清理cache缓存
        plugins.cache.clearAll();
    }
    return src([
        OUTPUT_PATH + '**/*', '!' + OUTPUT_PATH + '/.tea', '!' + OUTPUT_PATH + '/mini.project.json', '!' + OUTPUT_PATH + '/node_modules',
    ]).pipe(plugins.plumber()).pipe(plugins.clean());
};
// 清空dist
const env = () => {
    return src(path.resolve(CONFIG_PATH, `./config.${ENV}.js`,)).pipe(plugins.rename(function(path) {
        path.basename = 'config';
    })).pipe(dest(SOURCE_CODE_PATH));
};
const html = () => {
    return src([
        SOURCE_CODE_PATH + '/**/*.{axml,html}', '!' + SOURCE_CODE_PATH + '/node_modules/**/*',
    ]).pipe(plugins.cached('html-cached')).pipe(plugins.fileInclude({
        prefix: '@@',
        basepath: '@file',
    })).pipe(plugins.rename(function(path) {
        path.extname = '.axml';
    })).pipe(dest(OUTPUT_PATH));
};
const style = () => {
    return src([
        SOURCE_CODE_PATH + '/**/*.{less,css,acss}', '!' + SOURCE_CODE_PATH + '/node_modules/**/*',
    ]).pipe(plugins.cached('style-cached')).pipe(plugins.plumber()).pipe(plugins.styleAliases({
        '@common': './miniapp/common',
    })) // less会把@import打包进来，使用真实项目路径；js和axml不用，模拟器读取dist目录根路径即为dist
        .pipe(plugins.less({
            outputStyle: 'compressed',
        })).pipe(plugins.autoprefixer({
            cascade: false
        })).pipe(plugins.base64({
            extensions: ['svg', 'png', 'jpg', 'jpeg', 'webp'],
            exclude: [/https?/],
            maxImageSize: 8 * 1024, // bytes
            debug: false,
        })).pipe(plugins.rename(function(path) {
            path.extname = '.acss';
        })).pipe(dest(OUTPUT_PATH));
};
const js = () => {
    return src([
        SOURCE_CODE_PATH + '/**/*.js', '!' + SOURCE_CODE_PATH + '/node_modules/**/*',
    ]).pipe(plugins.cached('js-cached')).pipe(plugins.cache(plugins.babel({
        plugins: ['@babel/plugin-proposal-optional-chaining', '@babel/plugin-proposal-class-properties'],
    }), {
        name: 'js-cache',
    })).pipe(dest(OUTPUT_PATH));
};
const sjs = () => {
    return src([
        SOURCE_CODE_PATH + '/**/*.sjs', '!' + SOURCE_CODE_PATH + '/node_modules/**/*',
    ]).pipe(plugins.cached('sjs-cached')).pipe(dest(OUTPUT_PATH));
};
const json = () => {
    return src([
        SOURCE_CODE_PATH + '/**/*.{json,json5}', '!' + SOURCE_CODE_PATH + '/node_modules/**/*',
    ]).pipe(plugins.cached('json-cached')).pipe(plugins.json5ToJson({
        beautify: true, // default
    })).pipe(dest(OUTPUT_PATH));
};
const image = () => {
    return src([
        SOURCE_CODE_PATH + '/**/*.{png,jpg,jpeg,gif,ico,svg,webp}', '!' + SOURCE_CODE_PATH + '/node_modules/**/*',
    ]).pipe(plugins.cached('image-cached')).pipe(dest(OUTPUT_PATH));
};
const startWatch = (cb) => {
    cb();
    watch(SOURCE_CODE_PATH + '/**/*.tmpl', html);
    watch(SOURCE_CODE_PATH + '/**/*.{html,axml}', html);
    watch(SOURCE_CODE_PATH + '/**/*.{less, acss, css}', style);
    watch(SOURCE_CODE_PATH + '/**/*.js', js);
    watch(SOURCE_CODE_PATH + '/**/*.sjs', sjs);
    watch(SOURCE_CODE_PATH + '/**/*.{json,json5}', json);
    watch(SOURCE_CODE_PATH + '/**/*.{png,jpg,jpeg,gif,ico,svg,webp}', image);
    const endTime = Date.now();
    console.log(chalk.blue('当前环境是：' + ENV));
    console.log(chalk.green('编译用时' + (endTime - startTime) / 1000 + 's'));
    console.log(chalk.yellow('监听中'));
};
const main = parallel(html, js, json, sjs, style, image);
const dev = series(env, main, startWatch, (cb) => {
    cb();
});
const build = series(clean, env, main, (cb) => {
    cb();
    const endTime = Date.now();
    console.log(chalk.blue('当前环境是：' + ENV));
    console.log(chalk.green('编译完成，用时' + (endTime - startTime) / 1000 + 's'));
});
module.exports = {
    dev,
    build
};

packages.jaon

"scripts": {
    "dev:dev": "cross-env NODE_ENV=dev gulp dev",
    "dev:test": "cross-env NODE_ENV=test gulp dev",
    "dev:prod": "cross-env NODE_ENV=prod gulp prod",
    "build:test": "cross-env NODE_ENV=test gulp build",
    "build:prod": "cross-env NODE_ENV=prod gulp build",
    "test": "echo \"Error: no test specified\" && exit 1"
  },
"devDependencies": {
    "@babel/plugin-proposal-class-properties": "^7.18.6",
    "@babel/plugin-proposal-optional-chaining": "^7.21.0",
    "gulp": "^4.0.0",
    "gulp-autoprefixer": "^7.0.1",
    "gulp-babel": "^8.0.0",
    "gulp-base64": "^0.1.3",
    "gulp-cache": "^1.1.3",
    "gulp-cached": "^1.1.1",
    "gulp-clean": "^0.4.0",
    "gulp-file-include": "^2.3.0",
    "gulp-json-editor": "^2.5.4",
    "gulp-json5-to-json": "^0.2.1",
    "gulp-less": "^4.0.1",
    "gulp-load-plugins": "^2.0.8",
    "gulp-plumber": "^1.2.1",
    "gulp-rename": "^1.4.0",
    "gulp-style-aliases": "^1.1.11"
  }
C+ 安口木
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
使用gulp构建微信小程序开发工作流
03-29
web开发基本上都是基于webpack或者其他的构建工具来进行开发，大大节约了开发者的时间。目前的微信小程序开发也有很多开源的框架可供选择，但是如果使用原生开发模式，虽然可以完美使用小程序原生的新特性和功能，但是工作流角度上却十分简陋。 19年末的时候公司要开发一个新的小程序，组里面的大佬同事提议使用gulp来构建下原生开发模式的工作流。一是为了摆脱简陋的工作流模式以节约开发时间，二是也是把技术用到刀刃上。在大佬的指导开发下，这个工作便进行了。总体来说这个工作并不难，增益可能也没有那么大，但是还是收获了很多。 项目地址： gulp-mp 工作流改进 我们把开发目录设置在 src ，输出目录设置
微信小程序-一个由gulp构建微信小程序项目
08-08
wxApp 项目介绍 wxApp是一个由gulp构建微信小程序项目 特点 支持微信小程序原生目录结构 支持postcss预处理器 支持编译HTML模板成wxml 支持图片资源的编译 支持less,sass编译成wxss 使用说明 安装 $ git clone git@github.com:lijiliang/wxApp.git $ cd wxApp $ npm install $ npm i gulp -g 开发模式 npm run dev 构建模式 npm run build 清理生成目录下的文件 npm run clean
gulp实现微信小程序开发
微灬墨的博客
06-25 1796
背景 因个人开发原生微信小程序感觉很枯燥，想到可以使用打包工具去优化开发流程，在浏览网上很多的使用了gulp，webpack实现小程序开发的项目，各式各样，但是总觉得少了很多我想要的，比如热更新，npm包构建，新es6+使用等。 于是想着自己实现一套符合个人预期的架子，又是可配置的，供公司和大家使用，于此诞生此项目，希望能帮到大家，或者有好的建议和想法大家一起交流，接下来就为大家大概的介绍此项目，并想在后续对此项目进行详细的系列讲解和做一个小程序给大家观摩，谢谢您的耐心阅......
微信小程序-gulp构建
FE小白的进化之路
11-27 2113
项目采用gulp进行构建目录结构如下： src 源码文件 image 图片源文件 image/dateuri base64图片（图片地址添加后缀#datauri） less less变量文件、公共文件 utils 登陆相关文件 dist 打包文件 doc 接口文档 mock 模拟接口数据 安装说明如下：1、安装脚手架$ mkdir wx_demo $ cd jm_wx $ npm init
gulp提高微信小程序开发效率
weixin_30563917的博客
09-29 189
最近公司要求把一套公众号项目的页面迁移到小程序，也就意味着要重新敲一份代码，不能更繁琐了，为了节省时间，提高迁移效率，就决定自己动手用gulp搭一个简易的小程序框架，再记录一下搭建过程。希望有大神可以给我提提意见，多多指点。 首先，公众号项目用的是vue框架，用的的技术栈包括vue-cli+webpack+axios+scss+es6+vuex+vux，为了配合之前的开发模式，用gulp...
wepy开发微信小程序的优化之gulp打包
qq_36259513的博客
11-09 1207
小程序限制每个包不得超过2M,经常写着写着就会发现预览的时候报错，文件超过2M，这时可用分包的方法来解决这问题 如图，分为pages,packageA,packageB,具体分包实现可看小程序文档 另外代码压缩也可以解决这问题，并且能优化项目，小程序开发工具自带了一个“上传代码时自动压缩”，可当你文件超过两M时，打开这个选项再进行预览，一样会报超过2M的错误，另外在wepy开发小程序时，打...
基于Gulp微信小程序开发工作流
08-10
在微信小程序的开发过程中，构建工具的使用可以显著提高开发效率和代码质量。"基于Gulp微信小程序开发工作流"是这样一个系统，它利用Gulp作为自动化构建工具，结合其他插件，为开发者提供了一个高效、便捷的开发环境...
微信小程序gulp插件解决npm包管理和babelruntime
08-10
通过以上步骤，你就成功地利用Gulp和`babel-runtime`在微信小程序中引入和管理npm包了。这使得你能够在享受ES6+新特性的便利性的同时，保持项目的整洁和高效。不过要注意，由于微信小程序对文件大小有严格的限制，...
微信小程序——gulp处理文件
03-29
懒癌直接贴代码，想写在写因为最近搞了一下小程序，直接使用微信的开发者工具搞感觉有点不习惯，并且看了几篇给小程序瘦身的博客，决定给自己的项目做一套配置文件，使用gulp来支持sass ...       懒癌直接贴代码...
GULP自动化打包构建工具
lff18277233091的博客
01-27 397
GULP gulp 是一个项目开发的 自动化打包构建工具 基于 node 环境来运行的 什么是自动化打包构建工具 比如 我们在开发的过程中，会写到 js 文件，css 文件，等等 我们的项目如果想上线，那么一定要体积小一点，文件大小越小越好 而我们在写 js 文件的时候，会有很多 换行/空格 之类的东西 这些 换行/空格 都是占文件体积的一部分 那么我们在上线之前就要吧这些 换行/空格 尽...
小程序Gulp开发脚手架
08-10
sass 开发 wxss webfont 自动 base64 引入 支持 px2rpx es6/7 开发 js 支持生产环境打包 支持小程序云 支持小程序云函数、存储 mock 支持 watch 功能
基于原生小程序开发模式gulp开发工作流项目模板
08-10
基于gulp less构建的微信小程序工程项目 项目图片自动压缩 ESLint代码检查 使用命令行快速创建page、template和component font 字体文件转换成base64
使用gulp构建微信小程序工作流
weixin_30799995的博客
06-14 524
前言 刚入门微信小程序的时候，一切都基于微信web开发者工具，没有使用其他框架，也没有工程化的概念。当时做的项目都比较简单，单单用微信web开发者工具倒也得心应手。学了些东西后，就按捺不住地想跳出原生工具的条条框框，把近些日子学的东西都拿出来熬一熬。 已有的一个小程序项目使用了github上一个使用webpack、babel、sass开发的小程序脚手架（wxapp-boilerplate）,我需要...
gulp不生成打包文件_干货 | 小程序 gulp 简单构建
weixin_42501631的博客
01-03 83
“虽然 webpack 用的比较多，不过在小程序这种场景下，简单的 gulp 也是个不错的选择~”gulp构建小程序1. 简单的 copy对小程序来说，除了app.js作为程序入口之外，每个page页面都可以作为一个页面入口，更倾向是固定路径模式的多页应用。最终提交的代码，便是这种结构的代码：├── app.js├── app.json├── app.wxss├── pages│ │...
用gulp搭建小程序开发编译环境
weixin_33943836的博客
05-17 270
版本：v1.0功能：sass编译转wxsses6转es5js代码压缩css代码压缩文件监控json检测语法报错提示//gulpfile.js const gulp = require('gulp') const del = require('del') const path = require('path') const autoprefixer = require('gulp-autoprefi...
支付宝小程序分包
ZHFDBK的博客
10-14 2158
今天小程序开发完毕了，需要进行测试。在这里小编为大家讲解下上传时候极容易遇见的问题 包的大小 官方文档明确说明，主包大小不许超过2M 所有分包大小不许超过4M 然后我的小程序2.05M 完美超过了一丢丢。 于是分包方案的实施，让问题迎刃而解。 先简单说下分包的时候，非常简单，就是目录结构及设计到的路径的修改。 主要修改文件app.json 先给一个小白自己的app.json的demo { "...
WeApp-Workflow：基于Gulp 的“微信小程序”前端开发工作流
weixin_34167819的博客
07-27 196
WeApp-Workflow 是我在开发个人微信小程序DeveWork+ 过程中积累总结而来的一个基于Gulp4 的，专门用于开发微信小程序的前端开发工作流。旨在通过自动化的方式解决微信小程序开发过程中写前端代码的痛点。 简介 进行微信小程序开发，必须用官方的“微信web 开发者工具”，但这个工具的编辑器功能跟专业的编辑器比起来就差强人...
支付宝小程序打包成APP
qq_42859450的博客
05-19 988
uniapp打包成安卓app
利用gulp实现sass书写微信小程序样式
weixin_42491987的博客
09-16 231
sass书写微信小程序样式文件
微信小程序开发怎样支持sass
最新发布
09-05
要在微信小程序中支持Sass，可以使用以下方法： 1. 第一种方法是通过VSCode扩展来支持Sass。你可以在VSCode的扩展商店中搜索并安装名为"Easy Sass"的扩展。安装完成后，您可以在项目中的`.scss`文件中编写样式代码。保存后，扩展会自动将Sass代码编译为相应的`.wxss`文件中的CSS代码。 2. 第二种方法是使用Gulp或Webpack等构建工具来处理Sass。您可以将Sass文件放入项目中的特定文件夹，并使用构建工具配置相应的任务来将Sass编译为CSS。然后，将生成的CSS文件引入到您的微信小程序中。 无论您选择哪种方法，都需要确保您的开发环境中已经安装了相关的工具和依赖，如Node.js、Gulp或Webpack等。另外还需要在项目的配置文件中进行相应的配置以支持Sass编译。 请根据您的具体开发需求和项目架构选择适合您的方法，并根据相应的文档进行配置和使用。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [详解如何在微信小程序中愉快地使用sass](https://download.csdn.net/download/weixin_38718307/12954954)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* *3* [微信小程序 基础模板引入sass的两种方法](https://blog.csdn.net/qq_45560350/article/details/130880123)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

C+ 安口木

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

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

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

打赏作者

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

抵扣说明：

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

余额充值