vue3 + echarts5.4.3 实现3D省份地图【动态icon】

已于 2024-02-29 15:25:52 修改
阅读量748 收藏 13
点赞数 13
文章标签： 3d
于 2024-02-29 15:19:19 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2301_76627020/article/details/136371156
版权

vue3 + echarts5.4.3 实现3D省份地图【动态icon】

vue3项目 + echarts5.4.3

实现效果：

在这里插入图片描述

1. 下载echarts插件

npm i echarts

2. 按需引入echarts插件

<script setup>
import * as echarts from 'echarts';
<script>

3. 复制 省份json文件

1. 查找省份/全国的json文件的地址：

直接复制，在浏览器中打开，全选复制即可 ，在vue项目中新建.json文件，将复制的json，粘贴在此！
在这里插入图片描述

2. 当前页面中引入刚才复制的json文件
<script setup>
import * as echarts from 'echarts';
import china from './china.json'
<script>

4. 准备好demo结构：

<template>
  <div id="main">
  </div>
</template>

<style  scoped>
#main{
  width: 100%;
  height: 100%;
}
</style>

5. 地图初始化：

<script setup>
import  { onMounted } from 'vue'
import * as echarts from 'echarts';
import china from './china.json'

const init = ()=>{
  // 基于准备好的dom，初始化echarts实例
  let myChart = echarts.init(document.querySelector('#main'))
  // 注册地图的json，小写的china
  echarts,registerMap('china',china)
  let option = { 地图数据...}
  // 使用刚指定的配置项和数据显示图表。
  myChart.setOption(option,true)
}
onMounted(()=>{
  init()
})
<script>

6. 3D地图数据: option

  let option = {
        geo: [
          {
            map: "china",
            aspectScale: 1.2,
            zoom: 16,
            layoutCenter: ["30%", "68%"],
            layoutSize: "100%",
            show: true,
            roam: false,
            center:[114.03, 36.2],
            label: {
              emphasis: {
                show: false,
              },
            },
            itemStyle: {
              normal: {
                borderColor: "rgba(255,255,255,0.5)",//rgba(255,255,255,0.8)
                borderWidth: 5,
                shadowColor: "rgba(255,255,255,0.8)", //#8cd3ef rgba(45,35,154,1)
                shadowOffsetY: 3,//10
                shadowBlur: 8,//120
                areaColor: "transparent",
              },
            }
          },
          // 重影
          {
            type: "map",
            map: "china",
            zlevel: -1,
            aspectScale: 1.2,
            zoom: 16,
            layoutCenter: ["30%", "71%"],
            layoutSize: "100%",
            roam: false,
            center:[114.03, 36.2],
            silent: true,
            itemStyle: {
              normal: {
                borderWidth: 1,
                // borderColor:"rgba(17, 149, 216,0.6)",
                borderColor: "rgba(66,51,191,0.8)",
                shadowColor: "rgba(66,51,191,0.5)",//172, 122, 255,
                shadowOffsetY: 5,
                shadowBlur: 15,
                areaColor: "rgba(98,57,201,0.1)",//rgba(5,21,35,0.1)
              },
            },
          },
          {
            type: "map",
            map: "china",
            zlevel: -2,
            aspectScale: 1.2,
            zoom: 16,
            layoutCenter: ["30%", "73%"],
            layoutSize: "100%",
            roam: false,
            center:[114.03, 36.2],
            silent: true,
            itemStyle: {
              normal: {
                borderWidth: 1,
                // borderColor:"rgba(17, 149, 216,0.6)",
                borderColor: "rgba(66,51,191,0.8)",
                shadowColor: "rgba(66,51,191,0.5)",//172, 122, 255,
                shadowOffsetY: 5,
                shadowBlur: 15,
                areaColor: "rgba(98,57,201,0.1)",//rgba(5,21,35,0.1)
              },
            },
          },
          {
            type: "map",
            map: "china",
            zlevel: -3,
            aspectScale: 1.2,
            zoom: 16,
            layoutCenter: ["30%", "75%"], 
            layoutSize: "100%",
            center:[114.03, 36.2],
            roam: false,
            silent: true,
            itemStyle: {
              normal: {
                borderWidth: 1,
                // borderColor:"rgba(17, 149, 216,0.6)",
                borderColor: "rgba(66,51,191,0.8)",
                shadowColor: "rgba(66,51,191,0.5)",//172, 122, 255,
                shadowOffsetY: 10,
                shadowBlur: 15,
                areaColor: "rgba(98,57,201,0.1)",//rgba(5,21,35,0.1)
              },
            },
          },
          {
            type: "map",
            map: "china",
            zlevel: -4,
            aspectScale: 1.2,
            zoom: 16,
            layoutCenter: ["30%", "78%"],
            layoutSize: "100%",
            center:[114.03, 36.2],
            roam: false,
            silent: true,
            itemStyle: {
              normal: {
                borderWidth: 8,
                // borderColor:"rgba(17, 149, 216,0.6)",
                borderColor: "rgba(66,51,191,0.8)",
                shadowColor: "rgba(66,51,191,0.5)",//172, 122, 255,
                shadowOffsetY: 15,
                shadowBlur: 8,
                areaColor: "rgba(98,57,201,0.4)",//rgba(5,21,35,0.1)
              },
            },
          },
        ],
        // 最上层地图数据！
        series: [
          {
            name: "城市",
            type: "map",
            map: "china", // 自定义扩展图表类型
            aspectScale: 1.2,
            zoom: 16, // 缩放
            showLegendSymbol: true,
            label: {
              normal: {
                show: true,
                textStyle: { 
                  color: "rgba(94,106,218,1)", 
                  fontSize: "9px"
                 },
              },
              // hover区域文字大小
              emphasis: {
                show: true,
                textStyle: { 
                  color: "#fff", 
                  fontSize: "9px"
                 },
              },
            },
            itemStyle: {
              normal: {
                areaColor: {
                  type: "linear",
                  x: 200,
                  y: 0,
                  x2: 0,
                  y2: 0,
                  colorStops: [
                    {
                      offset: 0.8,
                      color: "rgba(54,47,178,1)", // 0% 处的颜色
                    },
                    {
                      offset: 0.8,
                      color: "rgba(39,52,178,0.9) ", // 50% 处的颜色rgba(39,52,180,1)
                    },
                  ],
                  global: true, // 缺省为 false
                },
                borderColor: "rgba(76,94,220,1)",// #CACDFC rgba(76,94,220,1)
                borderWidth: 1,
              },
              // hover 区域时的颜色
              emphasis: {
                show: true,
                color: "#fff",
                areaColor: {
                  type: "linear",
                  x: 0,
                  y: 0,
                  x2: 0,
                  y2: 1,
                  colorStops: [
                    {
                      offset: 0,
                      color: "rgba(86,146,251,1)", // 0% 处的颜色
                    },
                    {
                      offset: 1,
                      color: "rgba(133,68,199,1) ", // 50% 处的颜色rgba(39,52,180,1)
                    },
                  ],
                  global: false, // 缺省为 false
                },
                // hover区域边框大小
                borderColor: "rgba(255,255,255,1)",// #CACDFC rgba(76,94,220,1)
                borderWidth: 1,
              },
            },
            layoutCenter: ["30%", "68%"],
            layoutSize: "100%",
            center:[114.03, 36.2],
            markPoint: {
              symbol: "none",
            },
            // data: data,
          },
          // 定点区域气泡
          {
            name: 'Top1气泡',
            type: 'scatter',
            coordinateSystem: 'geo',
            opacity: 2, // 设置透明度
            // ui给的图片,base64 遍历数据添加所需图片
            symbol:function(points,params) {
              for(var i = 0; i < points.length; i++){
                    if(params.name === '武安市'){
                      return `image://data:image/png;base64,...`
                    }
                    else if(params.name === '肥乡县'){
                      return `image://data:image/png;base64,...`
                    }else if(params.name === '临漳县'){
                      return `image://data:image/png;base64,...`
                    }
                  }
            },
            symbolSize: [60, 30],
            // 定点区域文本
            label: {
                normal: {
                    show: true,
                    textStyle: {
                        color: '#fff',
                        fontSize: 10,
                    },
                    formatter: function(params) {
                      const areaName = params.data.title
                      return areaName
                    }
                },

            },
            itemStyle: {
                normal: { 
                    opacity:0.9, //标志的图标透明度
                }
            },
            zlevel: 6,
            data:points,
        },
        ],
      };

完整代码：

<template>
  <div id="main">
  </div>
</template>

<script setup>
import  { onMounted } from 'vue'
import * as echarts from 'echarts';
import china from './china.json'


const init = () => {
  // 基于准备好的dom，初始化echarts实例
  let myChart = echarts.init(document.querySelector('#main'))
  // 注册默认全国地图的json，小写的china
  echarts.registerMap('china', china)
  // 指定图表的配置项和数据
  // 气泡定点坐标
  const points = [
    {
      name:'武安市',
      value: [114.00153,36.66281],
      title:'第一名'
    },
    {
      name:'肥乡县',
      value: [114.93998,36.67807],
      title:'第二名'
    },
    {
      name:'临漳县',
      value: [114.5595,36.30861],
      title:'第三名'
    },
  ]
  let option = {
        geo: [
          {
            map: "china",
            aspectScale: 1.2,
            zoom: 16,
            layoutCenter: ["30%", "68%"],
            layoutSize: "100%",
            show: true,
            roam: false,
            center:[114.03, 36.2],
            label: {
              emphasis: {
                show: false,
              },
            },
            itemStyle: {
              normal: {
                borderColor: "rgba(255,255,255,0.5)",//rgba(255,255,255,0.8)
                borderWidth: 5,
                shadowColor: "rgba(255,255,255,0.8)", //#8cd3ef rgba(45,35,154,1)
                shadowOffsetY: 3,//10
                shadowBlur: 8,//120
                areaColor: "transparent",
              },
            }
          },
          // 重影
          {
            type: "map",
            map: "china",
            zlevel: -1,
            aspectScale: 1.2,
            zoom: 16,
            layoutCenter: ["30%", "71%"],
            layoutSize: "100%",
            roam: false,
            center:[114.03, 36.2],
            silent: true,
            itemStyle: {
              normal: {
                borderWidth: 1,
                // borderColor:"rgba(17, 149, 216,0.6)",
                borderColor: "rgba(66,51,191,0.8)",
                shadowColor: "rgba(66,51,191,0.5)",//172, 122, 255,
                shadowOffsetY: 5,
                shadowBlur: 15,
                areaColor: "rgba(98,57,201,0.1)",//rgba(5,21,35,0.1)
              },
            },
          },
          {
            type: "map",
            map: "china",
            zlevel: -2,
            aspectScale: 1.2,
            zoom: 16,
            layoutCenter: ["30%", "73%"],
            layoutSize: "100%",
            roam: false,
            center:[114.03, 36.2],
            silent: true,
            itemStyle: {
              normal: {
                borderWidth: 1,
                // borderColor:"rgba(17, 149, 216,0.6)",
                borderColor: "rgba(66,51,191,0.8)",
                shadowColor: "rgba(66,51,191,0.5)",//172, 122, 255,
                shadowOffsetY: 5,
                shadowBlur: 15,
                areaColor: "rgba(98,57,201,0.1)",//rgba(5,21,35,0.1)
              },
            },
          },
          {
            type: "map",
            map: "china",
            zlevel: -3,
            aspectScale: 1.2,
            zoom: 16,
            layoutCenter: ["30%", "75%"], 
            layoutSize: "100%",
            center:[114.03, 36.2],
            roam: false,
            silent: true,
            itemStyle: {
              normal: {
                borderWidth: 1,
                // borderColor:"rgba(17, 149, 216,0.6)",
                borderColor: "rgba(66,51,191,0.8)",
                shadowColor: "rgba(66,51,191,0.5)",//172, 122, 255,
                shadowOffsetY: 10,
                shadowBlur: 15,
                areaColor: "rgba(98,57,201,0.1)",//rgba(5,21,35,0.1)
              },
            },
          },
          {
            type: "map",
            map: "china",
            zlevel: -4,
            aspectScale: 1.2,
            zoom: 16,
            layoutCenter: ["30%", "78%"],
            layoutSize: "100%",
            center:[114.03, 36.2],
            roam: false,
            silent: true,
            itemStyle: {
              normal: {
                borderWidth: 8,
                // borderColor:"rgba(17, 149, 216,0.6)",
                borderColor: "rgba(66,51,191,0.8)",
                shadowColor: "rgba(66,51,191,0.5)",//172, 122, 255,
                shadowOffsetY: 15,
                shadowBlur: 8,
                areaColor: "rgba(98,57,201,0.4)",//rgba(5,21,35,0.1)
              },
            },
          },
        ],
        series: [
          {
            name: "邯郸",
            type: "map",
            map: "china", // 自定义扩展图表类型
            aspectScale: 1.2,
            zoom: 16, // 缩放
            showLegendSymbol: true,
            label: {
              normal: {
                show: true,
                textStyle: { 
                  color: "rgba(94,106,218,1)", 
                  fontSize: "9px"
                 },
              },
              // hover区域文字大小
              emphasis: {
                show: true,
                textStyle: { 
                  color: "#fff", 
                  fontSize: "9px"
                 },
              },
            },
            itemStyle: {
              normal: {
                areaColor: {
                  type: "linear",
                  x: 200,
                  y: 0,
                  x2: 0,
                  y2: 0,
                  colorStops: [
                    {
                      offset: 0.8,
                      color: "rgba(54,47,178,1)", // 0% 处的颜色
                    },
                    {
                      offset: 0.8,
                      color: "rgba(39,52,178,0.9) ", // 50% 处的颜色rgba(39,52,180,1)
                    },
                  ],
                  global: true, // 缺省为 false
                },
                borderColor: "rgba(76,94,220,1)",// #CACDFC rgba(76,94,220,1)
                borderWidth: 1,
              },
              // hover 区域时的颜色
              emphasis: {
                show: true,
                color: "#fff",
                areaColor: {
                  type: "linear",
                  x: 0,
                  y: 0,
                  x2: 0,
                  y2: 1,
                  colorStops: [
                    {
                      offset: 0,
                      color: "rgba(86,146,251,1)", // 0% 处的颜色
                    },
                    {
                      offset: 1,
                      color: "rgba(133,68,199,1) ", // 50% 处的颜色rgba(39,52,180,1)
                    },
                  ],
                  global: false, // 缺省为 false
                },
                // hover区域边框大小
                borderColor: "rgba(255,255,255,1)",// #CACDFC rgba(76,94,220,1)
                borderWidth: 1,
              },
            },
            layoutCenter: ["30%", "68%"],
            layoutSize: "100%",
            center:[114.03, 36.2],
            markPoint: {
              symbol: "none",
            },
            // data: data,
          },
          // 定点区域气泡
          {
            name: 'Top1气泡',
            type: 'scatter',
            coordinateSystem: 'geo',
            opacity: 2, // 设置透明度
            // ui给的图片,base64 遍历数据添加所需图片
            symbol:function(points,params) {
              for(var i = 0; i < points.length; i++){
                    if(params.name === '武安市'){
                      return `image://data:image/png;base64,...`
                    }
                    else if(params.name === '肥乡县'){
                      return `image://data:image/png;base64,...`
                    }else if(params.name === '临漳县'){
                      return `image://data:image/png;base64,...`
                    }
                  }
            },
            symbolSize: [60, 30],
            // 定点区域文本
            label: {
                normal: {
                    show: true,
                    textStyle: {
                        color: '#fff',
                        fontSize: 10,
                    },
                    formatter: function(params) {
                      const areaName = params.data.title
                      return areaName
                    }
                },

            },
            itemStyle: {
                normal: { 
                    opacity:0.9, //标志的图标透明度
                }
            },
            zlevel: 6,
            data:points,
        },
        ],
      };
  // 使用刚指定的配置项和数据显示图表。
  myChart.setOption(option,true)
}

onMounted(()=>{
  init()
})
</script>

<style  scoped>
#main{
  width: 100%;
  height: 100%;
}
</style>

实现效果：

在这里插入图片描述

和生活比个Y
关注
  • 13
    点赞
  • 踩
  • 13
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
echarts3 实现地图全国各省市县地图
07-12
这个是echarts3实现全国各个省市县的下转，包含全国各个省市县的地图json.比较全,欢迎查看核下载
【vue+echarts】绘制中国地图,3D地图,省、市、县三级下钻以及回钻,南海诸岛小窗化显示,点位飞线图,点位名称弹窗轮播
04-25
【vue+echarts】绘制中国地图,3D地图,省、市、县三级下钻以及回钻,南海诸岛小窗化显示,点位飞线图,点位名称弹窗轮播展示,及一些常见问题,解压直接使用 【vue+echarts】绘制中国地图,3D地图,省、市、县三级下钻以及回...
基于 ThreeJs 的中国 3D 地图展示，使用 vue 框架.zip
06-06
基于 ThreeJs 的中国 3D 地图展示，使用 vue 框架.zip
【vue+echarts】绘制中国地图,3D地图,省、市、县三级下钻以及回钻,南海诸岛小窗化显示,点位飞线图,点位名称弹窗轮播展示,及一些常见问题
$
05-06 5814
绘制中国地图,3D地图,省、市、县三级下钻以及回钻,南海诸岛小窗化显示,点位飞线图,点位名称弹窗轮播展示,及一些常见问题
Vue环境下用ECharts绘制中国地图，并实现拖动、缩放与各省份自动轮播高亮显示
最新发布
2401_84616444的博客
05-16 483
我可以将最近整理的前端面试题分享出来，其中包含HTML、CSS、JavaScript、服务端与网络、Vue、浏览器、数据结构与算法等等，还在持续整理更新中，希望大家都能找到心仪的工作。开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】name: “湖南”,value: 6,},name: “安徽”,value: 96,},name: “山东”,value: 75,},name: “新疆”,value: 45,},name: “江苏”,
echarts 5.0——3d中国地图和飞线
为技术而生
03-24 3283
echarts 5.0的版本样式语法与4.0及以下的语法有个别差异，使用旧语法浏览器会警告提示。3d地图常用的实现方法有两种。一种是使用GL来实现，一种是使用叠层和阴影来实现，本文将使用叠层和阴影来实现。
vue3+echarts绘制某省区县地图
黄钢的博客
01-26 1862
工作中经常需要画各种各样的图，echarts是使用最多的工具，接近春节，想把之前画的echarts图做一个整合，方便同事和自己随时使用，因此用vue3专门写了个web项目，考虑之后不断完善其中有这么个需求，需要展示某省各区县的数据，写在vue3项目中，最终展示结果如下：大体的思路如下：主要用的程序语言是JavaScript和Python下面详细介绍，有些技术细节也是自己经常遇到的，通过这段时间强化训练，感觉对echarts越来越熟练了首先上地址，阿里云数据可视化平台，感谢阿里和高德提供如此牛逼的工具然后选择
vue3+ts+echarts实现echarts封装
08-01
本文将详细介绍如何在Vue3项目中结合TypeScript和ECharts进行高级封装，以实现更便捷、高效的图表使用。 首先，我们需要安装相关依赖。在Vue3项目中，通常使用npm或yarn进行包管理。运行以下命令来安装Vue3、...
vue+echarts实现动态绘制图表及异步加载数据的方法
10-17
【Vue + Echarts 实现动态绘制图表及异步加载数据】 在 Vue 框架中，结合 Echarts 图表库可以方便地实现动态绘制图表，包括折线图、柱状图等。Echarts 是一个基于 JavaScript 的开源可视化库，提供了丰富的图表类型...
Vue+Echarts监控大屏实例九：智慧园区监控模板实例
05-21
Vue+Echarts监控大屏实例九：智慧园区监控模板实例，包括源码，开发文档、素材等。 使用vue-echarts实现监控大屏搭建，开发，实现对于监控界面的相关开发资料，提供实例源码、开发过程视频及实现过程。 高德地图并...
vue+echarts实现动态折线图的方法与注意
10-14
在Vue.js框架中结合ECharts库创建动态折线图，主要涉及到以下几个关键步骤和技术要点： 1. **引入ECharts库**： 在项目中安装ECharts依赖，可以通过npm或yarn进行安装： ``` npm install echarts ``` 2. **在...
echarts-3d地图.zip
07-31
echarts echarts-gl 实现3D地图 （摘录于https://blog.csdn.net/GRAY_KEY/article/details/81295961）
地级市echarts 3d 地图数据可视化
08-31
基于地级市3d 地图上的3d柱形图 更换相关json就可以变成你想要的城市的统计图 demo 学习多天心血之作 一起学习
jquery中国省份地图插件
04-27
jquery中国省份地图插件
jquery中国省份地图插件.zip
07-04
这是一款使用jquery和png图片来制作的中国省份地图特效插件。该中国省份地图插件使用多张png图片来组成中国省份地图，并在鼠标滑过各个省份时将其高亮。 使用方法 在页面中引入jquery和样式文件style.css。 <link rel="stylesheet" type="text/css" href="css/style.css" /> [removed][removed]
手把手教 Vue3.2+Vite+Echarts 5 绘制3D线条效果中国地图
学全栈、大前端方向，就找前端早间课
05-08 2417
前端路上 | 所知甚少，唯善学。各位小伙伴有什么疑问，欢迎留言探讨。— 关注我：前端路上不迷路 —
echarts地图3D效果
qq_35973440的博客
02-27 6037
echart图表3D效果 利用gco
各省3D地图精美来袭，快来看看有没有你的省份吧
m0_69539341的博客
08-25 1932
山海鲸可视化致力于打造一套人人都会用的数字孪生技术软件，支持免费编辑、分享、本地化部署，内有海量精美模板，可直接下载使用，同时有各种3D地图模板和建筑模型模板，今天就带大家看看这些各省3D地图模板吧！
使用 Echarts 插件完成中国地图
weixin_62897746的博客
12-05 4978
大家都知道，一般情况下，想要使用前端设置一个 中国地图 需要使用 canvas 画布进行编写，不仅代码多，逻辑处理麻烦，今天交大家使用一个插件，使用它就可以轻松的做出各种图。 注册的是中国地图，必须包括geo组件或者mep图标类型的时候才可以使用 地图分为：世界地图，中国地图，省份地图，市区地图 引入中国地图代码 import geoJson from "echarts/map/json/china"; 注册地图 this.$echarts.registerMap("china", geoJson);
vue3+echarts5实现世界地图
03-29
Vue3是一种流行的JavaScript框架，而Echarts5是一种强大的数据可视化库。结合Vue3和Echarts5，可以很容易地实现世界地图的可视化效果。 首先，你需要在Vue项目中安装Echarts5。可以通过npm或yarn来安装echarts： ``` npm install echarts ``` 或者 ``` yarn add echarts ``` 安装完成后，你可以在Vue组件中引入Echarts，并使用它来绘制世界地图。 在Vue组件中，你可以使用`<template>`标签来定义HTML模板，使用`<script>`标签来编写JavaScript代码，使用`<style>`标签来定义CSS样式。 下面是一个简单的示例代码，展示了如何在Vue3中使用Echarts5绘制世界地图： ```vue <template> <div id="world-map" style="width: 100%; height: 400px;"></div> </template> <script> import * as echarts from 'echarts'; export default { mounted() { this.drawWorldMap(); }, methods: { drawWorldMap() { const chartDom = document.getElementById('world-map'); const myChart = echarts.init(chartDom); // 定义地图数据 const mapData = [ { name: 'China', value: 100 }, { name: 'United States', value: 50 }, // 其他国家... ]; // 配置地图选项 const option = { tooltip: { trigger: 'item', formatter: '{b}: {c}', }, visualMap: { min: 0, max: 100, left: 'left', top: 'bottom', text: ['High', 'Low'], seriesIndex: [1], inRange: { color: ['#e0ffff', '#006edd'], }, }, series: [ { type: 'map', mapType: 'world', roam: true, label: { show: true, }, data: mapData, }, ], }; // 使用配置项绘制地图 myChart.setOption(option); }, }, }; </script> <style> #world-map { width: 100%; height: 400px; } </style> ``` 在上面的代码中，我们首先引入了Echarts库，然后在`mounted`生命周期钩子函数中调用`drawWorldMap`方法来绘制地图。`drawWorldMap`方法中，我们使用`echarts.init`方法初始化一个Echarts实例，并通过配置项`option`来定义地图的样式和数据。最后，使用`myChart.setOption(option)`方法将配置项应用到地图上。 这样，你就可以在Vue项目中使用Vue3和Echarts5来实现世界地图的可视化效果了。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值