Vue百度地图轨迹回放

最新推荐文章于 2023-06-28 18:04:57 发布
最新推荐文章于 2023-06-28 18:04:57 发布
阅读量1.1k 收藏 5
点赞数
文章标签： 百度 java gis js viewpager
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/tapist_Fps/article/details/121918322
版权

html：

<template>
    <div id="carpath">
        <div id="handle">
            <el-button @click="back" size="small" type="info">返回</el-button>
            <el-date-picker
                v-model="value1"
                type="datetimerange"
                start-placeholder="开始日期"
                end-placeholder="结束日期"
                :default-time="['12:00:00']"
                value-format="yyyy-MM-dd HH:mm:ss"
                size="small"
                @change="getDate"
                :disabled="disabled_picker"
            >
            </el-date-picker>
            <el-select
                v-model="value2"
                placeholder="请选择近期时间"
                size="small"
                :disabled="disabled_date"
                clearable
                @change="changeDate"
            >
                <el-option
                    v-for="item in options2"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value"
                >
                </el-option>
            </el-select>
            <el-select
                v-model="value"
                placeholder="请选择快进速度"
                size="small"
                @change="changeSpeed"
            >
                <el-option
                    v-for="item in options"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value"
                >
                </el-option>
            </el-select>

            <el-button @click="loadTrackByTime" size="small" type="success"
                >开始</el-button
            >
            <!-- <el-button @click="pauseData()" size="small" type="primary">{{
            orbtn
        }}</el-button> -->
            <el-button @click="restData()" size="small" type="danger"
                >重置</el-button
            >
            <span id="realTime"></span>
        </div>
        <div id="mapcontainer"></div>
    </div>
</template>

核心js：

export default {
    data() {
        return {
            disabled_picker: false,
            disabled_date: false,
            options: [
                {
                    value: "显示全部",
                    label: "显示全部",
                },
                {
                    value: "速度X2",
                    label: "速度X2",
                },
                {
                    value: "速度X5",
                    label: "速度X5",
                },
                {
                    value: "速度X10",
                    label: "速度X10",
                },
            ],
            value: "",
            options2: [
                {
                    value: "最近一小时",
                    label: "最近一小时",
                },
                {
                    value: "最近两小时",
                    label: "最近两小时",
                },
                {
                    value: "近期一天",
                    label: "近期一天",
                },
            ],
            value2: "",
            points: [],
            value1: "",
            beginTime: {},
            endTime: {},
            donePoints: [], //已经显示的点。
            bPoints: [], //保存百度化的坐标组。用于重设地图的中心点和显示级别。
            timerArr: [], //定时器,
            pointsLen: "",
            searchRes: [],
            interval: null,
            doubTime: 1000,
            timimg: "",
            timer: null,
            linePoints: [],
            state: 1,
            orbtn: "暂停",
            timeType: "",
            timepath: "",
            doubColor: "primary",
            threeColor: "primary",
            tenColor: "primary",
            oneHourColor: "primary",
            twoHourColor: "primary",
            dayColor: "primary",
            wait: "",
        }
    },
    created() {
        this.date = this.$route.query.date
        this.card = this.$route.query.card
        // console.log(this.date, this.card)
    },
    mounted() {
        this.initMap()
    },
    methods: {
        //改变速度
        changeSpeed(val) {
            if (val == "速度X2") {
                this.doubTime = 500
            } else if (val == "速度X5") {
                this.doubTime = 200
            } else if (val == "速度X10") {
                this.doubTime = 100
            } else if (val == "显示全部") {
                this.doubTime = 0
            }
        },
        //快捷选择时间
        changeDate(val) {
            if (val) {
                this.disabled_picker = true
            } else {
                this.disabled_picker = false
            }
            console.log(123)
            console.log(val)
            if (val == "最近一小时") {
                this.oneHour()
            } else if (val == "最近两小时") {
                this.twoHour()
            } else if (val == "近期一天") {
                this.oneDay()
            }
        },
        // 初始化地图
        initMap() {
            // 多车数据
            this.map = new BMap.Map("mapcontainer") // 创建地图实例
            this.map.enableScrollWheelZoom() //鼠标的缩放
            this.map.centerAndZoom("兰州", 6) // 初始化地图，设置中心点坐标和地图级别
            // ==================== 自定义地图
            this.mapStyle = {
                features: ["road", "building", "water", "land"], //隐藏地图上的"poi",
                style: "midnight",
            }
            this.map.setMapStyle(this.mapStyle)
            this.map.enableKeyboard() //启用键盘上下左右键移动地图
            // ====================
            this.caricon = new BMap.Icon( //车辆icon
                "https://webmap0.bdimg.com/image/api/marker_red.png",
                new BMap.Size(52, 26),
                {
                    anchor: new BMap.Size(13, 13),
                    imageSize: new BMap.Size(18, 17),
                }
            )
        },
        back() {
            this.$router.go(-1)
            clearInterval(this.interval)
        },
        loadTrackByTime() {
            console.log(this.beginTime)
            //清除当前所有的定时器和地图上等的覆盖物
            this.map.clearOverlays()
            for (var t = 0; t < this.timerArr.length; t++) {
                clearTimeout(this.timerArr[t])
            }
            this.timerArr = []
            clearInterval(this.interval)
            this.bPoints.length = 0
            this.donePoints.length = 0

            // 从 原始数组中查询 符合条件的坐标点
            this.pointsLen = this.points.length
            this.searchRes = [] //用来装符合条件的信息

            // 满足条件的放上去
            for (let i = 0; i < this.pointsLen; i++) {
                if (
                    this.dateDiff(this.points[i].ts, this.beginTime) > 0 &&
                    this.dateDiff(this.points[i].ts, this.endTime) < 0
                ) {
                    this.searchRes.push(this.points[i])
                }
            }
            console.log(this.searchRes)
            this.trackTime(this.beginTime)
            for (var j = 0; j < this.searchRes.length; j++) {
                this.wait =
                    this.dateDiff(this.searchRes[j].ts, this.beginTime) *
                    this.doubTime //等待时间。
                ;(() => {
                    var pointAg = [this.searchRes[j]]

                    this.timer = setTimeout(() => {
                        var doneLen = this.donePoints.length
                        this.linePoints = []

                        if (doneLen != 0) {
                            this.linePoints.push(this.donePoints[doneLen - 1])
                        }
                        this.linePoints.push(pointAg[0])
                        this.donePoints.push(pointAg[0])
                        this.addLine(this.linePoints) //把原始数据的轨迹线添加到地图上。

                        this.addMarker(pointAg)

                        this.bPoints.push(
                            new BMap.Point(pointAg[0].lng, pointAg[0].lat)
                        )
                    }, this.wait)
                    this.timerArr.push(this.timer)
                })()
            }
            // setInterval(() => {
            //     this.setZoom(this.bPoints)
            // }, 5000)
        },
        //根据点信息实时更新地图显示范围，让轨迹完整显示。设置新的中心点和显示级别
        setZoom(bPoints) {
            var view = this.map.getViewport(eval(bPoints))
            var mapZoom = view.zoom
            var centerPoint = view.center
            this.map.centerAndZoom(centerPoint, mapZoom)
        },

        //在轨迹点上创建图标，并添加点击事件，显示轨迹点信息。points,数组。
        addMarker(points) {
            var pointsLen = points.length
            if (pointsLen == 0) {
                return
            }
            var myIcon = new BMap.Icon(
                "https://webmap0.bdimg.com/image/api/marker_red.png",
                new BMap.Size(10, 10),
                {
                    offset: new BMap.Size(10, 10),
                }
            )

            // 创建标注对象并添加到地图
            for (var i = 0; i < pointsLen; i++) {
                var point = new BMap.Point(points[i].lng, points[i].lat)
                var marker = new BMap.Marker(point, { icon: myIcon })
                this.map.addOverlay(marker)
                ;(() => {
                    var thePoint = points[i]
                    marker.addEventListener("click", () => {
                        this.showInfo(this, point, thePoint)
                    })
                })()
            }
        },

        //点击轨迹点后显示信息窗口
        showInfo(thisMaker, point, thePoint) {
            console.log(thisMaker)
            var sContent =
                "<ul style='margin:0 0 5px 0;padding:0.2em 0'>" +
                "<li style='line-height: 26px;font-size: 15px;'>" +
                "<span style='width: 50px;display: inline-block;'>id：</span>" +
                thePoint.ts +
                "</li>" +
                "<li style='line-height: 26px;font-size: 15px;'><span style='width: 50px;display: inline-block;'>状态：</span>" +
                thePoint.time +
                "</li>" +
                "</ul>"
            var infoWindow = new BMap.InfoWindow(sContent) // 创建信息窗口对象
            this.map.openInfoWindow(infoWindow, point) //图片加载完毕重绘infowindow
        },

        //添加线
        addLine(points) {
            var linePoints = []
            var pointsLen = points.length
            if (pointsLen == 0) {
                return
            }
            // 创建标注对象并添加到地图
            for (var i = 0; i < pointsLen; i++) {
                linePoints.push(new BMap.Point(points[i].lng, points[i].lat))
            }
            var polyline = new BMap.Polyline(linePoints, {
                strokeColor: "green",
                strokeWeight: 1.5,
                strokeOpacity: 0.7,
            }) //创建折线
            this.map.addOverlay(polyline) //增加折线
        },

        //显示轨迹运行的时间
        trackTime(beginTime) {
            // console.log(this.doubTime)
            var beginTimestamp = Date.parse(new Date(beginTime))
            if (this.doubTime !== 0) {
                this.interval = setInterval(function () {
                    this.timimg = getCountTime(beginTimestamp).time
                    if (this.timimg != "NaN-NaN-NaN NaN:NaN:NaN") {
                        document.getElementById("realTime").innerHTML =
                            "回放时间:" + this.timimg
                    } else {
                        document.getElementById("realTime").innerHTML =
                            "回放时间:" + "请选时间"
                    }

                    beginTimestamp = beginTimestamp + 1000
                }, this.doubTime)
            }

            //根据时间戳(毫秒)，返回处理过后的时间。
            function getCountTime(ms) {
                var res
                if (ms != undefined) {
                    var today = new Date()
                    today.setTime(ms)
                } else {
                    var today = new Date()
                }

                var year, month, day, hour, minute, second
                year = today.getFullYear()
                month = today.getMonth() + 1
                if (month < 10) {
                    month = "0" + month
                }
                day = today.getDate()
                if (day < 10) {
                    day = "0" + day
                }
                hour = today.getHours()
                if (hour < 10) {
                    hour = "0" + hour
                }
                minute = today.getMinutes()
                if (minute < 10) {
                    minute = "0" + minute
                }
                second = today.getSeconds()
                if (second < 10) {
                    second = "0" + second
                }
                res = {
                    y: year,
                    M: month,
                    d: day,
                    h: hour,
                    m: minute,
                    s: second,
                    time:
                        year +
                        "-" +
                        month +
                        "-" +
                        day +
                        " " +
                        hour +
                        ":" +
                        minute +
                        ":" +
                        second,
                    date: year + "-" + month + "-" + day,
                }
                return res
            }
        },

        getDate() {
            if (this.value1) {
                this.disabled_date = true
                this.beginTime = this.value1[0]
                this.endTime = this.value1[1]
            } else {
                this.disabled_date = false
            }
            console.log()

            this.getCarPathTwo()

            this.dateDiff(this.beginTime, this.endTime)
        },
        //求时间差的方法
        dateDiff(date1, date2) {
            var type1 = typeof date1,
                type2 = typeof date2
            if (type1 == "string") date1 = this.stringToTime(date1)
            else if (date1.getTime) date1 = date1.getTime()
            if (type2 == "string") date2 = this.stringToTime(date2)
            else if (date2.getTime) date2 = date2.getTime()
            return (date1 - date2) / 1000 //结果是秒
        },
        //字符串转成Time(dateDiff)所需方法
        stringToTime(string) {
            var f = string.split(" ", 2)
            var d = (f[0] ? f[0] : "").split("-", 3)
            var t = (f[1] ? f[1] : "").split(":", 3)
            return new Date(
                parseInt(d[0], 10) || null,
                (parseInt(d[1], 10) || 1) - 1,
                parseInt(d[2], 10) || null,
                parseInt(t[0], 10) || null,
                parseInt(t[1], 10) || null,
                parseInt(t[2], 10) || null
            ).getTime()
        },
        restData() {
            this.disabled_date = false
            this.disabled_picker = false
            this.value2 = ""
            this.value = ""
            this.oneHourColor = "primary"
            this.twoHourColor = "primary"
            this.dayColor = "primary"
            this.doubColor = "primary"
            this.threeColor = "primary"
            this.tenColor = "primary"
            this.points = []
            this.value1 = ""
            this.beginTime = {}
            this.endTime = {}
            this.doubTime = 1000
            this.loadTrackByTime()
            clearTimeout(this.timer)
            clearInterval(this.interval)
            this.linePoints = []
            // this.interval = null
            document.getElementById("realTime").innerHTML = ""
            this.map.clearOverlays()
        },
        // pauseData() {
        //     if (this.state === 1) {
        //         this.timer.pause()
        //         this.orbtn = "继续"
        //         this.state === 0
        //     } else if (this.state === 0) {
        //         this.timer.resume()
        //         this.orbtn = "暂停"
        //         this.state === 1
        //     }
        // },
        getCarPath() {
            this.$axios
                .$get(
                    `${GETCARLIST}=${this.card}&${this.timeType}=${this.timepath}`
                )
                .then((res) => {
                    console.log(res)
                    this.points = res.data
                })
        },
        getCarPathTwo() {
            this.$axios
                .$get(
                    `${GETCARLIST}=${this.card}&timeType=time&searchDate=${
                        (this.beginTime, this.endTime)
                    }`
                )
                .then((res) => {
                    console.log(res)
                    this.points = res.data
                })
        },
        oneHour() {
            this.oneHourColor = "primary"
            this.twoHourColor = ""
            this.dayColor = ""
            this.beginTime = this.formatDateTime(
                new Date(new Date().getTime() - 1 * 60 * 60 * 1000)
            )
            this.endTime = this.formatDateTime(new Date(new Date()))
            console.log(this.beginTime, this.endTime)
            this.timeType = "timeType"
            this.timepath = "1hour"
            this.getCarPath()
            this.dateDiff(this.beginTime, this.endTime)
        },
        twoHour() {
            this.oneHourColor = ""
            this.twoHourColor = "primary"
            this.dayColor = ""
            this.beginTime = this.formatDateTime(
                new Date(new Date().getTime() - 2 * 60 * 60 * 1000)
            )
            this.endTime = this.formatDateTime(new Date(new Date()))
            console.log(this.beginTime, this.endTime)
            this.timeType = "timeType"
            this.timepath = "2hour"
            this.getCarPath()
            this.dateDiff(this.beginTime, this.endTime)
        },
        oneDay() {
            this.oneHourColor = ""
            this.twoHourColor = ""
            this.dayColor = "primary"
            this.beginTime = this.formatDateTime(
                new Date(new Date().getTime() - 24 * 60 * 60 * 1000)
            )
            this.endTime = this.formatDateTime(new Date(new Date()))
            console.log(this.beginTime, this.endTime)
            this.timeType = "timeType"
            this.timepath = "day"
            this.getCarPath()
            this.dateDiff(this.beginTime, this.endTime)
        },

        formatDateTime(date) {
            var y = date.getFullYear()
            var m = date.getMonth() + 1
            m = m < 10 ? "0" + m : m
            var d = date.getDate()
            d = d < 10 ? "0" + d : d
            var h = date.getHours()
            h = h < 10 ? "0" + h : h
            var minute = date.getMinutes()
            minute = minute < 10 ? "0" + minute : minute
            var second = date.getSeconds()
            second = second < 10 ? "0" + second : second
            return y + "-" + m + "-" + d + " " + h + ":" + minute + ":" + second
        },
        doubColorbtn() {
            this.doubColor = "primary"
            this.threeColor = ""
            this.tenColor = ""
        },
        threeColorbtn() {
            this.doubColor = ""
            this.threeColor = "primary"
            this.tenColor = ""
        },
        tenColorbtn() {
            this.doubColor = ""
            this.threeColor = ""
            this.tenColor = "primary"
        },
    },
}
</script>

css就不贴了。

zysimplecode
关注
  • 0
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
百度地图绘制电子围栏，点位信息标记，车辆实时轨迹并且车辆跟随角度进行偏转2
09-20
百度地图历史轨迹绘制，动画播放，暂停、加速、减速，车头实时角度偏移，HTML页面点开即可使用
使用百度地图API实现轨迹回放
09-23
使用百度地图API实现轨迹回放
vue车辆位置监控百度地图
qq_38388578的博客
01-20 1146
<template> <div class="map"> <baidu-map class="map-contain" :scroll-wheel-zoom="true" :center="center" :zoom="zoom" MapType="BMAP_SATELLITE_MAP" @ready="mapReady" > <!-- @mouseout="s.
百度地图API开发轨迹回放功能
chedanquestion的博客
03-01 2976
用百度地图开放平台提供的功能做一个轨迹回放，包括暂停、倍速播放、重点点位标注，而且轨迹是逐渐出现，而非一段一段画出来的。 网上有轨迹回放的文章，大多是用线覆盖物一段一段的画，达不到逐渐出现的效果。而百度地图自己提供的new BMapGLLib.TrackAnimation方法，好像无法实现倍速，调整了duration也无法实时的渲染进去，还有就是无法在到达某个点的时候做判断是否添加特殊标注。我看了TrackAnimation的api，可能通过addPath和setDuration可以实现，但是我没有成功.
vue 2.x 使用百度地图 与 轨迹回放
u013771380的博客
07-12 766
因公司项目需求需要用到百度地图在后台管理端呈现，由于之前未和任何地图打过交道的，第一时间便是百度查找资料，在vue导入使用百度地图网上的资料很乱，各种自定义方法，各种异步方法导入，我刚开始导入地图都踩了不少坑，后面查找到vue2.x使用组件化导入地图，既然vue是组件化，那我觉得就应该拿单页面组件化的思维去干活能，地址如下，如未打开网址请翻墙使用，不知道是否网络原因，我在广东使用需要翻墙，我朋友在四川那边打开地址就不用 https://dafrok.github.io/vue-baidu-map/#/zh
【快速上手】Vue如何通过百度地图插件——vue-baidu-map插件实现地图轨迹与路线等功能
热门推荐
weixin_43746402的博客
06-28 1万+
现在挺多博主都做的挺完整的地图文档使用介绍等等，但有时候我们接触去选择自己做的效果时候还是会遇到很多不同的问题。这里我把我自己个人在各个检索下的文章，做出自己想要的效果地图，基础地图功能＋路线+运动轨迹的过程介绍一下对应组件使用与注意事项。
在vue-baidu-map的info-window中使用echars图表出现频繁闪烁的问题的解决方法
qq_43278961的博客
06-04 646
在vue-baidu-map的info-window中使用echars图表出现频繁闪烁的问题的解决方法
Vue中如何进行地图轨迹展示与追踪？
it_xushixiong的博客
06-16 2791
Vue中如何进行地图轨迹展示与追踪？ 随着移动互联网技术的快速发展，位置数据的应用越来越广泛。在许多应用程序中，地图轨迹展示和追踪功能已经成为了基本功能之一。在Vue中，我们可以使用许多不同的地图API和库来实现这些功能。本文将介绍如何使用Vue和百度地图API来实现地图轨迹展示和追踪功能。 百度地图API 百度地图API是一组为开发者提供的地图服务API，包括JavaScript API、Web服务API、移动端SDK等多种形式，可满足开发者在不同场景下的需求。在本文中，我们将使用百度地图JavaScr
vue中使用百度地图 添加标记物，点击标记物弹窗，画运动轨迹，位置纠偏，逆地址解析
weixin_43965143的博客
08-13 7319
在vue项目中使用百度地图，添加标记物、信息弹窗、动态画轨迹 首先安装 <div id="allmap"> <baidu-map class="bm-view" :center="center" @ready="handler"> </baidu-map> </div> <style scoped lang="scss"> #allmap { width: 100%; height
vue2+百度离线地图实现多车辆行驶动态轨迹
weixin_39277183的博客
12-02 3849
有个缺点就是如果数据量庞大会导致浏览器性能消耗严重，因为这里使用了定时器实现，应该有更好的办法实现，完成改功能效果需要连个接口，①初始化坐标点接口，②增量坐标点接口。实现多车辆实时轨迹监控，每个10秒监测一次接口，进行动态追加。vue2+百度离线地图实现行驶车辆动态轨迹。
百度地图 车辆轨迹 回放
09-15
百度地图 车辆轨迹 回放
百度地图API实现轨迹回放
09-23
使用百度地图API实现轨迹回放
百度地图api 轨迹回放
05-22
简单地做了一个轨迹回放例子，用的是百度地图的javascript api 关键点：轨迹坐标的数组+settimeout定时重复描点连线
基于百度地图实现的轨迹回放
08-14
基于百度地图实现的轨迹回放！基于百度地图实现的轨迹回放！
利用百度地图实现路书实时轨迹边走边划
07-12
利用百度地图实现路书实时轨迹边走边划
vue-cil+百度路书轨迹播放，removeOverlay单独删除覆盖物
久如云漂泊
12-30 4581
写在前面的话： 笔者只提供简单的思路和可行性方案。所以代码比较粗糙，至于封装\优化等，请读者自行解决，拒绝伸手党谢谢。
Vue使用百度地图绘制人员历史轨迹
sea9528的博客
04-21 2631
Vue使用百度地图绘制人员历史轨迹 使用 1.index.html 中引入百度地图在线链接 <!DOCTYPE html> <html lang="zh-CH"> <head> <meta charset="utf-8"> <!--必须要加 启用360浏览器的极速模式--> <meta http-equiv=X-UA-Compatible content="IE=edge,chrome=1" /> <meta
百度地图轨迹（自定义图标）
alo_ne的博客
09-28 1205
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <style type="text/css"> body, html
vue中使用 百度地图 轨迹动画
u010419628的博客
09-29 3489
因为百度api中的方法是是不适用于vue项目的,所以我将其进行了改动, maps和pls是用来存储map对象和pl对象的,因为在我们的start中也是要用到的. 刚开始,我是使用了参数进行传值,就是setTimeout(this.start(map,pl), 3000);在项目开发过程中,比如你需要实时的观察一个人的行走路线,行走过程. 这个时候我们就需要在地图上使用轨迹动画了,根据不同的坐标点来设置人物或者车辆的行走轨迹.注意容器的id,以及要给容器设置固定的高度,否则地图出不来。
vue 百度地图 jsapi 轨迹 回放
最新发布
12-16
Vue.js是一个用于构建用户界面的开源JavaScript框架，可以简化开发过程并提高开发效率。百度地图JS API是百度地图提供的一套JavaScript API，可以在网页中集成地图功能。轨迹回放是指根据已经记录的轨迹数据，将轨迹在地图上以动画的形式重新播放出来。 在Vue中使用百度地图JS API进行轨迹回放，首先需要在Vue项目中引入百度地图的JS文件，并在Vue实例的mounted钩子函数中初始化地图。 在获取到轨迹数据后，可以使用百度地图提供的Polyline类创建一个折线对象，并将轨迹点添加到折线对象中。然后使用地图的addOverlay方法将折线对象添加到地图上，实现轨迹的显示。 为了实现轨迹的回放效果，可以使用Vue的定时器函数setInterval来定时改变折线对象的显示范围，从而实现轨迹的动画效果。可以通过设置折线对象的路径切片来控制每次显示的轨迹点数量，并随着时间的推移逐渐增加显示的点数，从而实现回放效果。 同时，为了提高回放的流畅度和体验，可以使用百度地图提供的动画效果类Effect来给轨迹点添加动画效果，比如平滑移动、旋转等，使得轨迹回放更加真实。 总而言之，利用Vue和百度地图JS API，可以很方便地实现轨迹回放功能。通过初始化地图、创建折线对象、定时改变折线对象的显示范围，再加上动画效果的设置，就能够实现一个带有回放功能的轨迹展示页面。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值