阿里云服务器 篇十七（加更）：网站悬浮球：开源项目

最新推荐文章于 2025-06-19 15:43:13 发布
最新推荐文章于 2025-06-19 15:43:13 发布
阅读量216 收藏
点赞数 12
CC 4.0 BY-SA版权
分类专栏： 斜杠人生 文章标签： 服务器 网站悬浮球 悬浮球框架 悬浮球组件 开源项目 Github 开源
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhiyuan411/article/details/148713350

文章目录

开源项目地址

为方便代码的更新维护，已经将代码迁移至Github维护。开源项目地址：

https://github.com/zhiyuan411/floating-ball

后续更新将在Github完成。欢迎进行Fork、Star和提交Issue！

悬浮球组件 (Floating Ball)

一个轻量级、可定制的悬浮球组件，点击后可以展开多个功能菜单项，适用于快速导航、返回顶部等功能。

功能特点

  • 可定制的位置：支持四个角落（右下、左下、右上、左上）
  • 扇形菜单动画：菜单项以扇形分布展开，带有平滑过渡效果
  • 完全可定制：自定义按钮样式、菜单半径、动画时长等
  • 图标支持：支持自定义配置 Font Awesome 图标
  • 无依赖：纯原生 JavaScript 实现
  • 插件系统：支持集成百度统计、自定义页脚等功能
  • 资源自动加载：可自动加载Font Awesome图标和组件样式
  • URL参数控制：支持通过URL参数隐藏悬浮球

安装方法

本地部署准备步骤

  1. 在网站根目录下创建 floating-ball 文件夹，在该文件夹内执行 git clone https://github.com/zhiyuan411/floating-ball.git 克隆仓库。（或者手动将 floating-ball.js、floating-ball.css 和 load-floating-ball.js 三个文件下载到该文件夹下）
  2. 若存在二级域名根目录，可在其目录下执行 ln -s /path/to/floating-ball ./ 命令，创建到网站根目录 floating-ball 文件夹的软链接（因悬浮球的js、css文件的寻址方式是使用相对于域名的绝对地址）。

文件结构

floating-ball/
├── floating-ball.js         # 主逻辑文件
├── floating-ball.css        # 样式文件
└── load-floating-ball.js    # 加载脚本

直接引入

在HTML文件中引入以下资源：

<!-- 引入加载器（会自动处理依赖） -->
<script src="/floating-ball/load-floating-ball.js" ></script>

<!-- 或者手动引入核心文件（需自行处理依赖） -->
<!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/zhiyuan411/floating-ball@main/floating-ball.css"> -->
<!-- <script src="https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css"></script> -->
<!-- <script src="https://cdn.jsdelivr.net/gh/zhiyuan411/floating-ball@main/floating-ball.js"></script> -->
<!-- <script>window.FloatingBall.create({})</script> -->

快速开始

基本用法

引入加载器后，组件会自动初始化并使用默认配置。最简单的集成方式是在目标HTML文件的<body>标签末尾（</body>前）添加以下代码：

<script src="/floating-ball/load-floating-ball.js" ></script>

刷新页面后（静态页面可能需在开发者模式中清除缓存），即可在页面右下角看到悬浮球，点击可展开扇形菜单。

通过全局配置对象自定义

你也可以通过全局配置对象floatingBallConfig自定义参数：

<script>
  window.floatingBallConfig = {
    position: 'bottom-left',          // 悬浮球位置调整为左下角
    radius: 80,                       // 菜单展开半径设为80px
    main_button: {
      icon: 'fa-comment',             // 主按钮图标改为评论图标
      backgroundColor: '#FF5E5E'      // 主按钮背景色改为红色
    },
    menu_items: [
      { icon: 'fa-home', text: '首页', href: '/' },
      { icon: 'fa-envelope', text: '联系我们', href: '/contact' }
    ]
  };
</script>

脚本标签配置（data-属性方式）

通过data-属性在加载器脚本标签中传递配置：

<script src="load-floating-ball.js"
        data-auto-init="true"               // 启用自动初始化
        data-position="top-right"           // 悬浮球位置调整为右上角
        data-radius="70"                    // 菜单半径设为70px
        data-main-button-icon="fa-question" // 主按钮图标改为问号
        data-menu-items='[{"icon":"fa-star","text":"收藏","href":"#favorite"},{"icon":"fa-share","text":"分享","href":"#share"}]'></script>

高级配置实例

禁用Font Awesome自动加载

当目标页面已加载Font Awesome或需使用其他图标库时：

<script src="/floating-ball/load-floating-ball.js" data-load_font_awesome="false" ></script>
<!-- 需手动引入Font Awesome或其他图标库 -->
<script src="https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css"></script>
调整菜单展开半径

将点击悬浮球后的展开扇形菜单半径设置为50px：

<script src="/floating-ball/load-floating-ball.js" data-radius="50" ></script>
自定义主按钮背景图片

使用网站图标作为主按钮背景：

<script>
window.floatingBallConfig = {
  main_button: {
    backgroundImage: '/favicon.png', // 替换为实际图标路径
    imageSize: 'cover'
  }
};
</script>

使用实例

阿里云服务器网站悬浮球

配置选项

核心组件配置（floating-ball.js）

参数名类型默认值说明
positionstringbottom-right悬浮球位置，可选值：bottom-right, bottom-left, top-right, top-left
spacingnumber30菜单项间距角度（度）
radiusnumber90菜单项离主按钮的半径距离（像素）
main_buttonobject见下方主按钮配置对象
menu_itemsarray见示例菜单项数组，每个项包含图标、文本、链接等
animation.durationnumber300动画持续时间（毫秒）
animation.easingstringease动画缓动函数
pluginsarray[createBaiduAnalyticsPlugin('默认ID'), createFooterPlugin()]插件数组，可包含百度统计和页脚插件等各种自定义插件
main_button 详细配置
参数名类型默认值说明
iconstringfa-plusFont Awesome图标类名
backgroundColorstring#165DFF背景颜色（当使用背景图片时无效）
textColorstring#FFFFFF文本颜色（当使用背景图片时无效）
backgroundImagestring/favicon.png背景图片URL，设置后会覆盖背景色
imageSizestringcover背景图片大小，可选值：cover, contain, auto

加载器配置（load-floating-ball.js）

参数名类型默认值说明
load_font_awesomebooleantrue是否自动加载Font Awesome图标
load_stylesbooleantrue是否自动加载组件样式
load_corebooleantrue是否自动加载核心脚本
auto_initbooleantrue是否自动初始化组件
core_script_pathstring/floating-ball/floating-ball.js核心脚本路径
style_pathstring/floating-ball/floating-ball.css样式文件路径
init_timeoutnumber5000初始化超时时间（毫秒）

插件系统

百度统计插件工厂使用示例

// 创建百度统计插件实例（需替换为你的统计ID）
const baiduPlugin = FloatingBall.createBaiduAnalyticsPlugin('64882ae3fa9d52d8502dad44af4833a6');

// 在配置中使用
window.floatingBallConfig = {
  plugins: [baiduPlugin]
};

页脚插件工厂使用示例

// 创建自定义页脚插件实例
const footerPlugin = FloatingBall.createFooterPlugin({
  spacing: '2rem',            // 页脚与内容间距
  className: 'custom-footer', // 自定义类名
  content: '<div class="footer-container"><p class="footer-text">© 2025 我的网站 - 版权所有</p></div>' // 自定义内容
});

// 在配置中使用
window.floatingBallConfig = {
  plugins: [footerPlugin]
};

自定义插件

// 自定义插件示例（实际是插件工厂，返回的函数才是插件实体）
function createLogPlugin() {
  return function(instance) {
    instance.on('menuOpen', () => console.log('菜单已打开'));
    instance.on('menuClose', () => console.log('菜单已关闭'));
    instance.on('itemClick', (item) => console.log(`点击菜单项: ${item.text}`));
  };
}

// 在配置中使用
window.floatingBallConfig = {
  plugins: [createLogPlugin()]
};

API参考

FloatingBall.create(config)

创建并初始化悬浮球实例，返回包含以下方法的实例对象：

  • openMenu(): 打开菜单
  • closeMenu(): 关闭菜单
  • destroy(): 销毁组件
  • getConfig(): 获取当前配置

FloatingBall.createBaiduAnalyticsPlugin(trackingId)

创建百度统计插件，参数为百度统计ID。

FloatingBall.createFooterPlugin(options)

创建页脚插件，可选参数：

  • spacing: 页脚与内容间距（默认4rem）
  • className: 页脚容器类名（默认default-footer）
  • content: 页脚HTML内容（默认显示版权信息）

高级用法

手动控制初始化时机

通过window.FloatingBallLoader API可精确控制悬浮球的初始化时机：

<!-- 先引入加载器并关闭自动初始化 -->
<script src="/floating-ball/load-floating-ball.js" data-auto-init="false"></script>

<script>
// 等待页面加载完成后手动初始化
document.addEventListener('DOMContentLoaded', function() {
  const customConfig = {
    position: 'top-left',
    main_button: {
      icon: 'fa-bars',
      backgroundColor: '#333'
    },
    menu_items: [
      {
        icon: 'fa-user',
        text: '个人中心',
        href: '/user',
        onClick: function(e) {
          e.preventDefault();
          console.log('点击了个人中心');
        }
      }
    ]
  };

  // 通过FloatingBallLoader手动加载
  window.FloatingBallLoader.load(customConfig);

  // 延迟打开菜单示例
  setTimeout(() => {
    const instance = FloatingBall.instances[0];
    if (instance) instance.openMenu();
  }, 2000);
});
</script>

通过全局配置对象覆盖默认参数

在目标页面的JS中设置window.floatingBallConfig对象，可覆盖悬浮球插件的默认配置：

<!-- 引入加载器 -->
<script src="/floating-ball/load-floating-ball.js"></script>

<!-- 覆盖插件配置（示例：仅保留百度统计插件，移除页脚插件） -->
<script>
window.floatingBallConfig = {
  plugins: [window.FloatingBallLoader.createBaiduAnalyticsPlugin('64882ae3fa9d52d8502dad44af4833a6')]
};
</script>

自定义菜单项点击事件

<script>
window.floatingBallConfig = {
  menu_items: [
    {
      icon: 'fa-arrow-up',
      text: '回到顶部',
      href: '#',
      onClick: function(e) {
        e.preventDefault();
        window.scrollTo({
          top: 0,
          behavior: 'smooth'
        });
        const instance = FloatingBall.instances[0];
        if (instance) instance.closeMenu();
      }
    },
    {
      icon: 'fa-external-link',
      text: '外部链接',
      href: 'https://example.com',
      onClick: function(e) {
        e.preventDefault();
        window.open(this.href, '_blank');
        const instance = FloatingBall.instances[0];
        if (instance) instance.closeMenu();
      }
    }
  ]
};
</script>

样式定制

定位类扩展

通过CSS类名可以自定义悬浮球位置间距：

  • .floating-ball-bottom-6: 底部间距24px（默认值）
  • .floating-ball-right-6: 右侧间距24px（默认值）
  • .floating-ball-left-6: 左侧间距24px
  • .floating-ball-top-6: 顶部间距24px
  • 可通过修改类名中的数字调整间距（如.floating-ball-bottom-10表示底部间距40px）

自定义动画效果

如需修改动画效果，可覆盖以下CSS类：

/* 主按钮图标旋转动画（点击时展开菜单的图标变换） */
.floating-ball-rotate-icon {
  transform: rotate(135deg);
  transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); /* 自定义缓动函数 */
}

/* 菜单项显示动画（淡入效果） */
.floating-ball-item {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease, pointer-events 0.3s ease;
}
.floating-ball-item.opacity-100 {
  opacity: 1;
  pointer-events: auto;
}

/* 自定义菜单展开轨迹（示例：更平缓的扇形展开） */
.floating-ball-item {
  transform-origin: 100% 100%; /* 调整旋转原点 */
}

常见问题

如何隐藏悬浮球？

  1. URL参数方式：在URL中添加?floating-ball=0，如https://example.com/page?floating-ball=0
  2. JavaScript控制：
// 隐藏悬浮球
const container = document.getElementById('floating-ball-container');
if (container) container.style.display = 'none';

// 显示悬浮球
if (container) container.style.display = 'block';

菜单点击后不关闭怎么办？

菜单项默认点击后会自动关闭菜单，若自定义onClick事件需手动关闭菜单：

onClick: function(e) {
  e.preventDefault();
  // 自定义逻辑...
  const instance = FloatingBall.instances[0];
  if (instance) instance.closeMenu();
}

如何替换默认图标库？

  1. 将load_font_awesome设为false：
<script src="/floating-ball/load-floating-ball.js" data-load_font_awesome="false"></script>
  1. 引入其他图标库（如Font Awesome 6或Material Icons）：
<script src="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.4.0/js/all.min.js"></script>
  1. 在配置中使用新图标类名：
window.floatingBallConfig = {
  main_button: {
    icon: 'fas fa-comment' // Font Awesome 6的图标类名
  },
  menu_items: [
    { icon: 'fas fa-home', text: '首页', href: '/' }
  ]
};

静态页面缓存导致更新不生效？

由于静态页面缓存策略，刷新可能无法立即看到更新效果，可通过以下方式解决：

  1. 在浏览器开发者工具中强制刷新（Ctrl+Shift+R或Cmd+Shift+R）
  2. 在加载脚本时添加版本参数：
<script src="/floating-ball/load-floating-ball.js?v=20250615" ></script>

浏览器兼容性

支持所有现代浏览器（Chrome, Firefox, Safari, Edge）。IE浏览器不支持。

项目结构

  • floating-ball.js: 核心组件实现，包含悬浮球创建、配置、事件处理
  • floating-ball.css: 组件样式，定义悬浮球外观和动画
  • load-floating-ball.js: 加载器脚本，负责资源管理和自动初始化
  • README.md: 项目文档和使用指南

贡献指南

  1. Fork项目
  2. 创建功能分支 (git checkout -b feature/amazing-feature)
  3. 提交更改 (git commit -m 'Add some amazing feature')
  4. 推送到分支 (git push origin feature/amazing-feature)
  5. 提交Pull Request

许可证

MIT License © 2025 zhiyuan411

联系方式

如果你有任何问题或者建议，可以通过以下方式联系我：

阿里云服务器 篇一：申请和初始化
生活在别处
03-30 2164
推荐使用云服务器配置，价格根据活动波动，一般年付99元，关注CPU、内存、硬盘与带宽需求。优选CentOS 7.9作为服务器系统，本地开发环境建议MacOS+iTerm2或Win11+Linux子系统。开发栈推荐Nginx搭配Python与MySQL 5.7。安装过程中可能遇到MySQL GPG密钥不符的错误，需妥善处理。配置并使用Python Flask框架开发Web服务，结合Gunicorn部署，Supervisor监控服务稳定性。学习Nginx安装、参数配置及动静态资源处理。探索其他Web服务架构，如
程序员的职业规划：如何从码农到CTO的成长之路
AI大模型应用之禅
05-09 551
你是否遇到过这些困惑？工作3年写代码仍停留在“CRUD”（增删改查），感觉技术没成长？想转管理但担心“丢了技术”，纠结如何平衡？做到技术专家后，下一步该往哪里走？本文将覆盖程序员从入门到CTO的全职业周期（5-15年），重点解决“每个阶段该学什么、该做什么、该避免什么”的核心问题。本文采用“游戏关卡”式结构，将职业发展分为5大阶段（新手村→副本挑战→Boss战→领地管理→王国统帅），每个阶段对应具体职位（初级→中级→高级→技术专家/经理→CTO），逐阶段讲解“目标-能力-方法-避坑”四大模块。
开源项目--阿里巴巴&&腾讯&&Google
github_36601823的博客
07-16 1万+
阿里巴巴 1、设计语言&前端框架 Ant Design    ★Star 14889   Ant Design 是蚂蚁金服开发和正在使用的一套企业级的前端设计语言和基于 React 的前端框架实现。它企业级金融产品的交互语言和视觉体系；丰富实用的 React UI 组件；基于 React 的组件化开发模式；背靠 npm 生态圈；基于 webpack 的调试构建方
Qt/C++原创项目作品精选（祖传原创/性能凶残/界面精美）
Qt/C++视频监控/推流/物联网/大屏系统/自定义控件/UI定制/输入法
07-09 2万+
从事Qt开发十年有余，一开始是做C#.NET开发的，因为项目需要，转行做嵌入式linux开发，在嵌入式linux上做可视化界面开发一般首选Qt，当然现在可选的方案很多比如安卓，但是十多年前那时候板子性能低，安卓在这个上面跑的话卡成屎，当时的内存大概是128MB左右，Qt也是主要用QWidget，刚出来的qml在这个上面跑个最简单的示例也是卡成屎，这也造成了本人一直对qml的印象不大好，非常依赖GPU硬件。
长沙红胖子Qt（长沙创微智科）博文大全：开发技术集合（包含Qt实用技术、树莓派、三维、OpenCV、OpenGL、ffmpeg、OSG、单片机、软硬结合等等）持续更新中...
热门推荐
长沙红胖子Qt的技术博客
01-15 121万+
各位读者，知识无穷而人力有穷， 所以，要么改需求，要么找专业人士，要么自己研究。大家可以点赞、收藏、关注、评论我啦 、需要完整文件随时联系我或交流哟~！
转载的开源干货
lzc394049722的博客
06-09 1456
android相关 第三方库 awesome-android-ui:大量 Android UI/UX 库(大城小黄)recyclerview-animators:一个关于RecyclerView items的动画库；一个简单的RecyclerView items动画库；一个item可拖曳效果的RecyclerViewvector-compat:一个支持VectorDrawable的
android安卓源码海量项目合集打包-1
chenhao0568的专栏
06-11 15万+
下载地址 最后更新共计113个分类5177套源码29.2 GB。 卷 新加卷 的文件夹 PATH 列表 卷序列号为 00000200 5E7A:7F30 F:. ├─前台界面 │ ├─3D标签云卡片热门 │ │ Android TagCloudView云标签的灵活运用.rar │ │ Android 实现 标签 拖动 改变位置.rar │ │ android 流式布局和热门标签.zip │ │ ...
java开发手册-阿里巴巴2020最新版
zw764987243的博客
03-10 2584
前言 《Java 开发手册》是阿里巴巴集团技术团队的集体智慧结晶和经验总结，经历了多次大规模一 线实战的检验及不断完善，公开到业界后，众多社区开发者踊跃参与，共同打磨完善，系统化地整理 成册，当前的版本是嵩山版。现代软件行业的高速发展对开发者的综合素质要求越来越高，因为不仅 是编程知识点，其它维度的知识点也会影响到软件的最终交付质量。比如：五花八门的错误码人为地 增加排查问题的难度；数据库的表结构和索引设计缺陷带来的系统架构缺陷或性能风险；工程结构混 乱导致后续项目维护艰难；没有鉴权的漏洞代码易被黑客攻击等
在线阅读-阿里Java开发手册最强版本【泰山版】
专注赚钱的程序员
04-23 5411
前言 《Java 开发手册》是阿里巴巴集团技术团队的集体智慧结晶和经验总结，经历了多次大规模一 线实战的检验及不断完善，公开到业界后，众多社区开发者踊跃参与，共同打磨完善，系统化地整理 成册，当前的版本是泰山版。现代软件行业的高速发展对开发者的综合素质要求越来越高，因为不仅 是编程知识点，其它维度的知识点也会影响到软件的最终交付质量。比如:数据库的表结构和索引设 计缺陷可能带来软件上的架构缺陷或...
阿里巴巴Java开发手册（华山版）
╱/.独﹄無㈡oоΟ的博客
07-05 7982
这是第二次研读阿里规约，这本书对我们的编码规范影响非常深远，希望大家可以参考哦。 前 言 《Java 开发手册》是阿里巴巴集团技术团队的集体智慧结晶和经验总结， 经历了多次大规模一线实战的检验及不断完善， 公开到业界后，众多社区开发者踊跃参与，共同打磨完善， 系统化地整理成册。现代软件行业的高速发展对开发者的综合素质要求越来越高， 因为不仅是编程知识点，其它维度的知识点也会影响到软件的最终交付质量。比如： 数据库的表结构和索引设计缺陷可能带来软件上的架构缺陷或性能风险； 工程结构混乱导致后续维护艰难；没.
U盾服务器远程点按OK键，破解千盾管理困局
复园科技的博客
06-19 510
在国资委“司库建设”大潮与财务共享中心普及的当下，大型企业资金组正面临海量U盾管理的世纪难题：数百枚U盾分散难管、人工插拔效率低下、RPA自动化遇阻，更别提那些必须“亲手按一下”的二代U盾了！告别U盾“人肉快递”，解锁RPA全流程自动化，让资金管控更安全、更可视、更高效——这，就是智能时代U盾管理的标准答案。RPA脚本可自动申请U盾使用权、登录网银、执行任务（如下载流水）、触发OK键确认、释放设备，全程无人干预。（1）成百上千枚U盾，统一插入高密度U盾服务器，集中存放于企业机房机柜，物理安全有保障。
如何在Windows上使用qemu安装ubuntu24.04服务器?
m0_61629312的博客
06-15 919
在Windows上使用QEMU安装Ubuntu 24.04需要完成环境配置、镜像准备、虚拟机创建及系统安装等步骤。通过上述步骤，可在Windows上快速部署Ubuntu 24.04虚拟。对于ARM架构的Ubuntu安装，需替换为。按照Ubuntu安装向导设置语言、分区、用户密码等。获取Ubuntu 24.04 Server的ISO镜像（如。使用VNC客户端（如TightVNC）连接。2025年6月15日，周日晚上。
服务器中物理处理器和逻辑处理器的区别？
gb4215287的博客
06-17 328
服务器中物理处理器和逻辑处理器的区别？
网络编程TCP连接服务器与UDP连接服务器
weixin_63565912的博客
06-15 1328
本文介绍了网络编程中TCP和UDP服务器的基本概念及实现方法。首先讲解了局域网与广域网的区别、IP地址分类（IPv4/IPv6）及端口号的作用。重点阐述了TCP的三次握手过程、网络字节序（大端/小端模式）以及套接字的基本原理。文章详细描述了TCP服务器的实现步骤，包括创建套接字、绑定IP端口、监听网络、接受客户端连接以及数据收发等关键操作，并提供了相关系统调用函数及其参数说明。最后给出了一个简单的TCP服务器实现示例代码。
fastmcp MCPConfig多服务器使用案例；sse、stdio、streamable-http使用
weixin_42357472的博客
06-19 146
摘要：本文展示了如何使用fastmcp库的Client类配置和调用多服务工具。示例代码演示了同时配置"trip"和"math"两个服务，分别通过HTTP和命令行启动。通过call_tool方法调用不同前缀的服务工具（如"trip_check_hotel"和"math_add"），并处理返回结果。当配置多个服务时需要添加前缀区分，而单服务配置则可直接调用工具函数名。代码采用异步上下文管理器确保资源正确释放。
MCP案例 - 数据可视化工具服务器
hello！
06-15 199
【代码】MCP案例 - 数据可视化工具服务器。
常见 Web 服务器
刘皇叔说Java的博客
06-19 399
静态网站推荐Nginx，Java 项目推荐Tomcat，微服务推荐Spring Boot + 内嵌 Jetty/Undertow，企业级项目可选WildFly或GlassFish。
Linux中的阻塞信号与信号原理
最新发布
guygg88的博客
06-19 101
信号是一种轻量级的异步通知机制，通常用于通知进程发生了某种事件。信号可以由内核、用户或进程本身产生。例如，当用户按下Ctrl+C时，系统会向前台进程发送SIGINT信号，通知进程终止。
被CC攻击了，对服务器有什么影响？
yundun_no1的博客
06-16 273
CC攻击（Challenge Collapsar）是一种针对Web应用层的DDoS（分布式拒绝服务）攻击。攻击者通过控制大量代理服务器或僵尸网络，模拟正常用户行为，向目标服务器发送大量HTTP请求（如访问页面、提交表单等）。这些请求看似合法，但频繁且密集，旨在耗尽服务器资源，最终导致正常用户无法访问。CC攻击虽隐蔽但危害巨大，不仅影响服务器性能与业务连续性，还可能带来安全与品牌风险。及时识别、快速响应和长期防御是关键。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

李小白杂货铺

打赏是一种友谊，让我们更亲密。

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

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

打赏作者

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

抵扣说明：

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

余额充值