better-scroll:在react中用better-scroll封装一个滚动的组件

最新推荐文章于 2024-05-08 21:16:59 发布
最新推荐文章于 2024-05-08 21:16:59 发布
阅读量2k 收藏
点赞数
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/JJoan/p/10056258.html
版权

文件分为三部分:index.js+PullUp.js+PullDown.js

index.js:better.scroll的初始化

PullUp.js:初始化上拉加载更多

PullDown.js:初始化下拉刷新功能

 

index.js

'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});

var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };

var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();

var _templateObject = _taggedTemplateLiteral(['\n  overflow: hidden;\n  position: relative; // \u53EF\u9632\u6B62 scrollbar \u8D85\u51FA wrapper \u9AD8\u5EA6\n'], ['\n  overflow: hidden;\n  position: relative; // \u53EF\u9632\u6B62 scrollbar \u8D85\u51FA wrapper \u9AD8\u5EA6\n']);

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _propTypes = require('prop-types');

var _propTypes2 = _interopRequireDefault(_propTypes);

var _styledComponents = require('styled-components');

var _styledComponents2 = _interopRequireDefault(_styledComponents);

var _betterScroll = require('better-scroll');

var _betterScroll2 = _interopRequireDefault(_betterScroll);

var _PullDown = require('./PullDown');

var _PullDown2 = _interopRequireDefault(_PullDown);

var _PullUp = require('./PullUp');

var _PullUp2 = _interopRequireDefault(_PullUp);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }

function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }

var Wrapper = _styledComponents2.default.div(_templateObject);

var Scroller = function (_PureComponent) {
  _inherits(Scroller, _PureComponent);

  function Scroller(props) {
    _classCallCheck(this, Scroller);

    var _this = _possibleConstructorReturn(this, (Scroller.__proto__ || Object.getPrototypeOf(Scroller)).call(this, props));

    _this.state = {
      pullDown: false,
      pullUp: false
    };

    _this.wrapperRef = _react2.default.createRef();
    return _this;
  }

  _createClass(Scroller, [{
    key: 'componentDidMount',
    value: function componentDidMount() {
      var _props = this.props,
          options = _props.options,
          onPullDown = _props.onPullDown,
          onPullUp = _props.onPullUp;

      var opts = _extends({
        scrollbar: { fade: true },
        click: true
      }, options);
      var state = {};

      if (onPullDown) {
        opts.pullDownRefresh = { threshold: 60, stop: 60 };
        state.pullDown = true;
      }

      if (onPullUp) {
        opts.pullUpLoad = { threshold: 60 };
        state.pullUp = true;
      }

      this.bScroll = new _betterScroll2.default(this.wrapperRef.current, opts);

      if (Object.keys(state).length) {
        this.setState(state);
      }
    }
  }, {
    key: 'render',
    value: function render() {
      var _props2 = this.props,
          children = _props2.children,
          onPullDown = _props2.onPullDown,
          onPullUp = _props2.onPullUp,
          className = _props2.className;
      var _state = this.state,
          pullDown = _state.pullDown,
          pullUp = _state.pullUp;


      return _react2.default.createElement(
        Wrapper,
        { className: className, innerRef: this.wrapperRef },
        _react2.default.createElement(
          'div',
          { className: 'bScroll-content' },
          children,
          pullUp ? _react2.default.createElement(_PullUp2.default, { bScroll: this.bScroll, onPullUp: onPullUp }) : null
        ),
        pullDown ? _react2.default.createElement(_PullDown2.default, { bScroll: this.bScroll, onPullDown: onPullDown }) : null
      );
    }
  }]);

  return Scroller;
}(_react.PureComponent);

Scroller.propTypes = {
  options: _propTypes2.default.object,
  children: _propTypes2.default.any,
  onPullDown: _propTypes2.default.func,
  onPullUp: _propTypes2.default.func,
  className: _propTypes2.default.string
};

Scroller.defaultProps = {
  options: {},
  children: null,
  onPullDown: null,
  onPullUp: null,
  className: 'bScroll'
};

exports.default = Scroller;



PullUp.js
'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});

var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();

var _templateObject = _taggedTemplateLiteral(['\n  width: 100%;\n  height: 60px;\n'], ['\n  width: 100%;\n  height: 60px;\n']),
    _templateObject2 = _taggedTemplateLiteral(['\n  height: 100%;\n  line-height: 60px;\n  text-align: center;\n'], ['\n  height: 100%;\n  line-height: 60px;\n  text-align: center;\n']),
    _templateObject3 = _taggedTemplateLiteral(['\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n'], ['\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n']);

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _propTypes = require('prop-types');

var _propTypes2 = _interopRequireDefault(_propTypes);

var _styledComponents = require('styled-components');

var _styledComponents2 = _interopRequireDefault(_styledComponents);

var _spin = require('../spin');

var _spin2 = _interopRequireDefault(_spin);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }

function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }

var Wrapper = _styledComponents2.default.div(_templateObject);

var Before = _styledComponents2.default.div(_templateObject2);

var After = _styledComponents2.default.div(_templateObject3);

var PullUp = function (_PureComponent) {
  _inherits(PullUp, _PureComponent);

  function PullUp(props) {
    _classCallCheck(this, PullUp);

    var _this = _possibleConstructorReturn(this, (PullUp.__proto__ || Object.getPrototypeOf(PullUp)).call(this, props));

    _this.state = {
      loading: false,
      text: '加载更多'
    };
    return _this;
  }

  _createClass(PullUp, [{
    key: 'componentDidMount',
    value: function componentDidMount() {
      var _this2 = this;

      var _props = this.props,
          bScroll = _props.bScroll,
          onPullUp = _props.onPullUp;


      bScroll.on('pullingUp', function () {
        _this2.setState({ loading: true });

        var result = onPullUp();

        if (!result) {
          _this2.setState({ loading: false, text: '没有更多数据了~' });
          bScroll.finishPullUp();
        } else {
          result.then(function () {
            _this2.setState({ loading: false, text: '加载更多' });
            bScroll.finishPullUp();
            bScroll.refresh();
          });
        }
      });
    }
  }, {
    key: 'render',
    value: function render() {
      var _state = this.state,
          loading = _state.loading,
          text = _state.text;

      var beforeStyle = { display: !loading ? 'block' : 'none' };

      return _react2.default.createElement(
        Wrapper,
        null,
        _react2.default.createElement(
          Before,
          { style: beforeStyle },
          text
        ),
        loading ? _react2.default.createElement(
          After,
          null,
          _react2.default.createElement(_spin2.default, { size: '32px' })
        ) : null
      );
    }
  }]);

  return PullUp;
}(_react.PureComponent);

PullUp.propTypes = {
  bScroll: _propTypes2.default.object.isRequired,
  onPullUp: _propTypes2.default.func.isRequired
};

exports.default = PullUp;


PullDown.js
'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});

var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();

var _templateObject = _taggedTemplateLiteral(['\n  position: absolute;\n  width: 100%;\n  height: 60px;\n  left: 0;\n'], ['\n  position: absolute;\n  width: 100%;\n  height: 60px;\n  left: 0;\n']),
    _templateObject2 = _taggedTemplateLiteral(['\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  \n  .icon {\n    width: 32px;\n    height: 32px;\n    \n    &.flip {\n      transform: rotate(-180deg) translateZ(0);  \n    }\n  }\n'], ['\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  \n  .icon {\n    width: 32px;\n    height: 32px;\n    \n    &.flip {\n      transform: rotate(-180deg) translateZ(0);  \n    }\n  }\n']),
    _templateObject3 = _taggedTemplateLiteral(['\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n'], ['\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n']);

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _propTypes = require('prop-types');

var _propTypes2 = _interopRequireDefault(_propTypes);

var _styledComponents = require('styled-components');

var _styledComponents2 = _interopRequireDefault(_styledComponents);

var _ArrowDown = require('../icons/ArrowDown');

var _ArrowDown2 = _interopRequireDefault(_ArrowDown);

var _spin = require('../spin');

var _spin2 = _interopRequireDefault(_spin);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }

function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }

var Wrapper = _styledComponents2.default.div(_templateObject);

var Before = _styledComponents2.default.div(_templateObject2);

var After = _styledComponents2.default.div(_templateObject3);

var PullDown = function (_PureComponent) {
  _inherits(PullDown, _PureComponent);

  function PullDown(props) {
    _classCallCheck(this, PullDown);

    var _this = _possibleConstructorReturn(this, (PullDown.__proto__ || Object.getPrototypeOf(PullDown)).call(this, props));

    _this.isRebounding = false;
    _this.initTop = -60;
    _this.initState = {
      top: _this.initTop + 'px',
      before: true,
      isFlip: false
    };
    _this.state = _this.initState;
    return _this;
  }

  _createClass(PullDown, [{
    key: 'componentDidMount',
    value: function componentDidMount() {
      var _this2 = this;

      var _props = this.props,
          bScroll = _props.bScroll,
          onPullDown = _props.onPullDown;


      bScroll.on('pullingDown', function () {
        _this2.setState({ before: false });

        onPullDown().then(function () {
          _this2.isRebounding = true;
          bScroll.finishPullDown();

          setTimeout(function () {
            _this2.setState(_this2.initState);
            _this2.isRebounding = false;
            bScroll.refresh();
          }, bScroll.options.bounceTime);
        });
      });

      bScroll.on('scroll', function (pos) {
        var state = {};

        if (_this2.state.before) {
          state.top = Math.min(pos.y + _this2.initTop, 0) + 'px';
        }

        if (pos.y >= 60) {
          state.isFlip = true;
        }

        if (_this2.isRebounding) {
          state.top = 0 - (60 - pos.y) + 'px';
        }

        if (Object.keys(state).length) {
          _this2.setState(state);
        }
      });
    }
  }, {
    key: 'render',
    value: function render() {
      var _state = this.state,
          top = _state.top,
          before = _state.before,
          isFlip = _state.isFlip;

      var wrapperStyle = { top: top };
      var ArrowIconClassName = isFlip ? 'icon flip' : 'icon';

      return _react2.default.createElement(
        Wrapper,
        { style: wrapperStyle },
        before ? _react2.default.createElement(
          Before,
          null,
          _react2.default.createElement(_ArrowDown2.default, { className: ArrowIconClassName })
        ) : null,
        before ? null : _react2.default.createElement(
          After,
          null,
          _react2.default.createElement(_spin2.default, { size: '32px' })
        )
      );
    }
  }]);

  return PullDown;
}(_react.PureComponent);

PullDown.propTypes = {
  bScroll: _propTypes2.default.object.isRequired,
  onPullDown: _propTypes2.default.func.isRequired
};

exports.default = PullDown;

转载于:https://www.cnblogs.com/JJoan/p/10056258.html

weixin_34023982
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
优化h5的滚动功能：在vue和react中使用better-sroll插件的踩坑笔记
world12312312的博客
05-21 898
使用better-scroll插件实现滚动效果和功能
better-scroll-for-react-usage:React更好滚动的移动体验
05-06
:kissing_face_with_closed_eyes: 欢迎 欢迎使用React更好的滚动用法。 TL; DR :writing_hand: 我为什么要这样做？ 学习React知识，钩子等 学习有关更好滚动的知识。 :hammer: 用法 未完待续... :handshake: 贡献 我们欢迎所有的贡献。 您可以提交任何想法作为或GitHub。 :link: 链接 ：写作 :man::factory: 作者 前端开发工程师，技术堆栈：React + Typescript + Mobx，也使用了Vue + Vuex一段时间 Github 知乎 掘金 :memo: 执照 麻省理工学院 版权:copyright:2019年至今Rain120 。
react中BetterScroll的使用
wanghexiang1121的博客
09-09 617
2、引入 import BetterScroll from ‘better-scroll’1、先去下载 npm i --save better-scroll。3、使用 必须是这样的一个框架。
React+BetterScroll简单应用
臧小川的博客
12-10 1414
npm install @better-scroll/core --save // or yarn add @better-scroll/core
Web前端最全react-infinite-scroller组件滚动分页加载(1)，web前端开发实训报告
最新发布
2401_84447390的博客
05-08 916
由于篇幅限制小编，pdf文档的详解资料太全面，细节内容实在太多啦，所以只把部分知识点截图出来粗略的介绍，每个小节点里面都有更细化的内容！最近得空把之前遇到的面试题做了一个整理，包括我本人自己去面试遇到的，还有其他人员去面试遇到的，还有网上刷到的，我都统一的整理了一下，希望对大家有用。一般来说，面试官会根据你的简历内容去提问，但是技术基础还有需要自己去准备分类，形成自己的知识体系的。14.说一下 Vue 和 React 的认识，做一个简单的对比。15.Vue 的 nextTick 的原理是什么？
React+VUE+ES6完整入门基础与项目实战+赠送仿京东电商网站
01-08
本课程讲了React+Vue3+Vue2入门基础与实战，其中还重点讲解了ES6、TypeScript这些基础知识，实战是价值5000元的真实企业级项目---仿京东电商网站，同时项目代码全部赠送，还赠送前后端架构模板，工作中直接使用。 React和VUE是目前热门的前端框架，就业薪资很高，本课程教您如何快速学会React和VUE并应用到实战，教你如何解决内存泄漏，常用UI库的使用，自己封装组件，正式上线白屏问题，性能优化等。对正在工作当中或打算学习React和VUE高薪就业的你来说，那么这门课程便是你手中的葵花宝典。学习技巧：此系列课react和vue可以单独学习，无需学会react再学习vue，学习当中不要只看，一定要多敲代码，如果碰到某一个知识点不是很明白，不要钻牛角尖，千万不要因为一个点，放弃整个森林，接着往下学，硬着头皮开发项目只要能亲自开发一个完整的项目，你会发现不明白的地方自然而然就明白了，项目做出来就真正的学会了。此react和vue课程以面试和实战为基础进行讲解，每个知识点都会让你知道在实际项目开发中如何使用，学习后，可以开发大型项目，增强逻辑思维，至少让你拥有3年以上开发经验的实力！ 免费提供《企业级完整实战项目接口文档》，绝对可用！课程代码和ppt均可下载！
react-scroll：React滚动组件
02-21
动画垂直滚动的组件。 安装 $ npm install react - scroll 跑 $ npm install $ npm test $ npm start 例子 结帐示例 现场例子 $ npm start 用法 // ES6 Imports import * as Scroll from 'react-scroll' ; import { ...
react-infinite-scroll-component：react中一个很棒的Infinite Scroll组件
02-05
React无限滚动组件 仅需4.15 kB即可消除所有无限滚动难题的组件！ 添加了Pull Down to Refresh功能。 实际上有效的无限滚动，并且集成起来非常简单！安装 npm install --save react-infinite-scroll-component or ...
react-virtualized-scroll:虚拟滚动搭配上拉应变加载的scroll组件
03-08
搭配typescript和react-hooks编写的虚拟滚动组件 基于react-virtualized进行再封装。 暴露了react-virtualized的参考，可调用react-virtualized的方法 除了渲染列表，你还可以预定其他的子组件（如悬浮球〜等），只...
react-anchor-link-smooth-scroll:使用平滑滚动polyfillReact锚链的组件
05-02
React锚链接平滑滚动 使用React锚链的组件。 指示 安装依赖项： npm install react-anchor-link-smooth-scroll 添加脚本 import React from 'react' import ReactDOM from 'react-dom' import AnchorLink from '...
react-auto-scroll:自动将元素滚动到底部
05-17
@ brianmcallister /React自动滚动 自动将元素滚动到底部react-auto-scroll是一个React组件，它将包含元素自动滚动到底部。目录演示版托管的演示： : 您也可以在本地运行演示。 开始： git clone git@github....
react-reactscrollReact滚动组件
08-15
react-scroll - React滚动组件
在React中引入IScroll插件做滚动
weixin_30423977的博客
12-07 758
最近做一个H5项目，数据交互量比较大，很多页面都是从后台拿过来数据做一个列表显示，这自然就遇到了滚动。 刚开始我直接使用css做法，直接添加overflow: scroll;但在微信端用户滑动会直接将整个页面拖动，露出顶部的域名和底部的黑色背景。用户反映体验不好，要改……好吧，自己动手。但这并不是好改的，因为在React中都是构建的是虚拟DOM，直接操作DOM也会对性能有一定影响。这时候网上搜了...
better-scroll滚动无效 几种原因
WEB木易
08-22 2745
better-scroll滚动无效 几种原因 1.是否设置初始化 2.是否父元素设置了高度大于父元素 父元素可以设置100%， 3.DOM的的层级是否正确 &lt;div class="wrapper"&gt; &lt;div class="content"&gt; content... &lt;/div&gt; &lt;/div&gt; 上面这种方式是可以实...
BetterScroll：可能是目前最好用的移动端滚动插件
weixin_34381666的博客
09-12 480
作者：滴滴webapp架构组-付楠 BetterScroll 是一款重点解决移动端各种滚动场景需求的开源插件（GitHub地址），适用于滚动列表、选择器、轮播图、索引列表、开屏引导等应用场景。 为了满足这些场景，它不仅支持惯性滚动、边界回弹、滚动条淡入淡出等效果的灵活配置，让滚动更加流畅，同时还提供了很多 API 方法和事件，以便我们更快地实现滚动场景下的需求，如下拉刷新、上拉加载。 由于它基于原...
better-scroll的实现原理
FE-阿阳的博客
02-05 3377
better-scroll的实现原理 详情描述 父容器固定高度，并设置属性 overflow:hidden，使得子元素高度超出容器后能被隐藏。better-scroll作用在父容器上。通过touch事件给子容器设置transform：translate()translateZ(); 注意： Vue中数据更新是异步的，在数据还没有加载完之前，BScroll是无法获取目标内容容器的高度的，
当 better-scroll 遇见 Vue
weixin_33812433的博客
06-01 4004
作者：滴滴公共前端 黄轶 在我们日常的移动端项目开发中，处理滚动列表是再常见不过的需求了。 以滴滴为例，可以是这样竖向滚动的列表，如图所示： 竖向列表 也可以是横向滚动的导航栏，如图所示： 横向列表 可以打开“微信 —&gt; 钱包—&gt;滴滴出行”体验效果。 我们在实现这类滚动功能的时候，会用到我写的第三方库，better-scroll。 什么是 better-scroll better-...
better-scroll的基本使用
热门推荐
Baby_加油_的博客
06-13 2万+
better-scroll是借鉴iscroll，是很牛的前端大神ustbhuangyi黄轶老师上传至github，并在教学视频中屡次运用的 github地址：https://github.com/ustbhuangyi/better-scroll 中文文档：Document 其方法、事件、属性等都可以去文档查找，做移动端的滑动非常好 1、使用better-scroll的基本条件 必须包...
better-scroll无法滚动
01-13
在使用better-scroll组件时，有时会遇到页面无法滚动的问题。解决这个问题的方法是在页面拖动时重新刷新better-scroll的实例。 以下是一个示例代码，演示了如何解决better-scroll无法滚动的问题： ```javascript ...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值