添加标记和拖拽弹窗自定义指令

最新推荐文章于 2024-11-11 23:32:58 发布
最新推荐文章于 2024-11-11 23:32:58 发布
阅读量113 收藏
点赞数
分类专栏： element ui 文章标签： vue.js javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_49929228/article/details/125915489
版权 
import Vue from "vue";
var index;
var index1;
var index3;
Vue.directive("addMarks", {
  bind(el, binding, vnode, oldVnode) {},
  inserted(el, binding, vnode, oldVnode) {
    console.log(el);
    var wId = "w";
    var index = 0;
    var startX = 0,
      startY = 0;
    var flag = false;
    var retcLeft = "0px",
      retcTop = "0px",
      retcHeight = "0px",
      retcWidth = "0px";
    el.onmousedown = e => {
      console.log(e.button);
      el.style.cursor = "crosshair";
      flag = true;
      try {
        var evt = window.event || e;
        var scrollTop =
          document.body.scrollTop || document.documentElement.scrollTop;
        var scrollLeft =
          document.body.scrollLeft || document.documentElement.scrollLeft;
        startX = evt.clientX + scrollLeft;
        startY = evt.clientY + scrollTop;
        index++;
        var div = document.createElement("div");
        div.id = wId + index;
        div.className = "div";
        div.style.marginLeft = startX + "px";
        div.style.marginTop = startY + "px";
        document.body.appendChild(div);
      } catch (e) {
        //alert(e);
      }
      document.onmousemove = function(e) {
        if (flag) {
          try {
            var evt = window.event || e;
            var scrollTop =
              document.body.scrollTop || document.documentElement.scrollTop;
            var scrollLeft =
              document.body.scrollLeft || document.documentElement.scrollLeft;
            retcLeft =
              (startX - evt.clientX - scrollLeft > 0
                ? evt.clientX + scrollLeft
                : startX) + "px";
            retcTop =
              (startY - evt.clientY - scrollTop > 0
                ? evt.clientY + scrollTop
                : startY) + "px";
            retcHeight = Math.abs(startY - evt.clientY - scrollTop) + "px";
            retcWidth = Math.abs(startX - evt.clientX - scrollLeft) + "px";
            document.getElementById(wId + index).style.marginLeft = retcLeft;
            document.getElementById(wId + index).style.marginTop = retcTop;
            document.getElementById(wId + index).style.width = retcWidth;
            document.getElementById(wId + index).style.height = retcHeight;
          } catch (e) {
            //alert(e);
          }
        }
      };
      document.onmousemove = function(e) {
        if (flag) {
          try {
            var evt = window.event || e;
            var scrollTop =
              document.body.scrollTop || document.documentElement.scrollTop;
            var scrollLeft =
              document.body.scrollLeft || document.documentElement.scrollLeft;
            retcLeft =
              (startX - evt.clientX - scrollLeft > 0
                ? evt.clientX + scrollLeft
                : startX) + "px";
            retcTop =
              (startY - evt.clientY - scrollTop > 0
                ? evt.clientY + scrollTop
                : startY) + "px";
            retcHeight = Math.abs(startY - evt.clientY - scrollTop) + "px";
            retcWidth = Math.abs(startX - evt.clientX - scrollLeft) + "px";
            document.getElementById(wId + index).style.marginLeft = retcLeft;
            document.getElementById(wId + index).style.marginTop = retcTop;
            document.getElementById(wId + index).style.width = retcWidth;
            document.getElementById(wId + index).style.height = retcHeight;
          } catch (e) {
            //alert(e);
          }
        }
      };
      document.ondragstart = e => {
        el.style.cursor = "crosshair";
        console.log(e);
      };
      document.ondrag = e => {
        console.log(e);
      };
    };
  }
});
// v-dialogDrag: 弹窗拖拽属性
Vue.directive("dialogDrag", {
  bind(el, binding, vnode, oldVnode) {
    const dragDom = el.querySelector(".el-dialog");
  },
  inserted(el, binding, vnode, oldVnode) {
    const dialogFooterEl = el.querySelector(".el-dialog__footer");
    const dialogHeaderEl = el.querySelector(".el-dialog__header");
    const dragDom = el.querySelector(".el-dialog");
    // 获取原有属性 ie dom元素.currentStyle 火狐谷歌 window.getComputedStyle(dom元素, null);
    const sty = (function() {
      if (window.document.currentStyle) {
        return (dom, attr) => dom.currentStyle[attr];
      } else {
        return (dom, attr) => getComputedStyle(dom, false)[attr];
      }
    })();
    let positionX = "";
    dragDom.onmousedown = e => {
      positionX = e.screenX;
      if (e.target.nodeName == "div") {
        dragDom.style.cursor = "move";
        // 鼠标按下，计算当前元素距离可视区的距离
        const disX = e.clientX - dialogHeaderEl.offsetLeft;
        const disY = e.clientY - dialogHeaderEl.offsetTop;
        const screenWidth = document.body.clientWidth; // body当前宽度
        const screenHeight = document.documentElement.clientHeight; // 可见区域高度(应为body高度，可某些环境下无法获取)

        const dragDomWidth = dragDom.offsetWidth; // 对话框宽度
        const dragDomheight = dragDom.offsetHeight; // 对话框高度

        const minDragDomLeft = dragDom.offsetLeft;
        const maxDragDomLeft = screenWidth - dragDom.offsetLeft - dragDomWidth;

        const minDragDomTop = dragDom.offsetTop;
        const maxDragDomTop = screenHeight - dragDom.offsetTop - dragDomheight;
        // 获取到的值带px 正则匹配替换
        let styL = sty(dragDom, "left");
        let styT = sty(dragDom, "top");

        // 注意在ie中 第一次获取到的值为组件自带50% 移动之后赋值为px
        if (styL.includes("%")) {
          styL = +document.body.clientWidth * (+styL.replace(/%/g, "") / 100);
          styT = +document.body.clientHeight * (+styT.replace(/%/g, "") / 100);
        } else {
          styL = +styL.replace(/px/g, "");
          styT = +styT.replace(/px/g, "");
        }

        document.onmousemove = function(e) {
          // 通过事件委托，计算移动的距离
          let left = e.clientX - disX;
          let top = e.clientY - disY;

          // 移动当前元素
          dragDom.style.cssText += `;left:${left + styL}px;top:${top +
            styT}px;`;
        };

        document.onmouseup = function(e) {
          document.onmousemove = null;
          document.onmouseup = null;
        };
      } else {
        dragDom.style.cursor = "default";
        document.onmousemove = null;
        document.onmouseup = null;
      }
    };
    el.onmousedown = function(e) {
      let arr = document.getElementsByClassName("bigView");
      let arr1 =
        document.getElementsByClassName("addForm") ||
        document.getElementsByClassName("originalForm");
      if (arr && arr.length) {
        if (!positionX || positionX != e.screenX) {
          arr[0].style.zIndex = Number(arr[0].style.zIndex) + 100;
        } else {
          // console.log(1111111111)
        }
      }
    };
    //将此时的位置传出去
    // 		binding.value({
    // 			x: e.pageX,
    // 			y: e.pageY
    // 		})
    // 		if (dialogHeaderEl) {
    // 			dialogHeaderEl.style.cursor = 'move';
    // 			dialogHeaderEl.onmousedown = (e) => {
    // 				// 鼠标按下，计算当前元素距离可视区的距离
    // 				const disX = e.clientX - dialogHeaderEl.offsetLeft;
    // 				const disY = e.clientY - dialogHeaderEl.offsetTop;
    // 				const screenWidth = document.body.clientWidth; // body当前宽度
    // 				const screenHeight = document.documentElement.clientHeight; // 可见区域高度(应为body高度，可某些环境下无法获取)
    //
    // 				const dragDomWidth = dragDom.offsetWidth; // 对话框宽度
    // 				const dragDomheight = dragDom.offsetHeight; // 对话框高度
    //
    // 				const minDragDomLeft = dragDom.offsetLeft;
    // 				const maxDragDomLeft = screenWidth - dragDom.offsetLeft - dragDomWidth;
    //
    // 				const minDragDomTop = dragDom.offsetTop;
    // 				const maxDragDomTop = screenHeight - dragDom.offsetTop - dragDomheight;
    //
    //
    // 				// 获取到的值带px 正则匹配替换
    // 				let styL = sty(dragDom, 'left');
    // 				let styT = sty(dragDom, 'top');
    //
    // 				// 注意在ie中 第一次获取到的值为组件自带50% 移动之后赋值为px
    // 				if (styL.includes('%')) {
    // 					styL = +document.body.clientWidth * (+styL.replace(/%/g, '') / 100);
    // 					styT = +document.body.clientHeight * (+styT.replace(/%/g, '') / 100);
    // 				} else {
    // 					styL = +styL.replace(/px/g, '');
    // 					styT = +styT.replace(/px/g, '');
    // 				};
    //
    // 				document.onmousemove = function(e) {
    // 					// 通过事件委托，计算移动的距离
    // 					let left = e.clientX - disX;
    // 					let top = e.clientY - disY;
    //
    // 					// 移动当前元素
    // 					dragDom.style.cssText += `;left:${left + styL}px;top:${top + styT}px;`;
    // 				};
    //
    // 				document.onmouseup = function(e) {
    // 					document.onmousemove = null;
    // 					document.onmouseup = null;
    // 				}
    // 			};
    // 		}
    //
    // 		if (dialogFooterEl) {
    // 			dialogFooterEl.style.cursor = 'move';
    // 			dialogFooterEl.onmousedown = (e) => {
    // 				// 鼠标按下，计算当前元素距离可视区的距离
    // 				const disX = e.clientX - dialogHeaderEl.offsetLeft;
    // 				const disY = e.clientY - dialogHeaderEl.offsetTop;
    // 				const screenWidth = document.body.clientWidth; // body当前宽度
    // 				const screenHeight = document.documentElement.clientHeight; // 可见区域高度(应为body高度，可某些环境下无法获取)
    //
    // 				const dragDomWidth = dragDom.offsetWidth; // 对话框宽度
    // 				const dragDomheight = dragDom.offsetHeight; // 对话框高度
    //
    // 				const minDragDomLeft = dragDom.offsetLeft;
    // 				const maxDragDomLeft = screenWidth - dragDom.offsetLeft - dragDomWidth;
    //
    // 				const minDragDomTop = dragDom.offsetTop;
    // 				const maxDragDomTop = screenHeight - dragDom.offsetTop - dragDomheight;
    //
    //
    // 				// 获取到的值带px 正则匹配替换
    // 				let styL = sty(dragDom, 'left');
    // 				let styT = sty(dragDom, 'top');
    //
    // 				// 注意在ie中 第一次获取到的值为组件自带50% 移动之后赋值为px
    // 				if (styL.includes('%')) {
    // 					styL = +document.body.clientWidth * (+styL.replace(/%/g, '') / 100);
    // 					styT = +document.body.clientHeight * (+styT.replace(/%/g, '') / 100);
    // 				} else {
    // 					styL = +styL.replace(/px/g, '');
    // 					styT = +styT.replace(/px/g, '');
    // 				};
    //
    // 				document.onmousemove = function(e) {
    // 					// 通过事件委托，计算移动的距离
    // 					let left = e.clientX - disX;
    // 					let top = e.clientY - disY;
    //
    // 					// 移动当前元素
    // 					dragDom.style.cssText += `;left:${left + styL}px;top:${top + styT}px;`;
    //
    // 					//将此时的位置传出去
    // 					// 					binding.value({
    // 					// 						x: e.pageX,
    // 					// 						y: e.pageY
    // 					// 					})
    // 				};
    //
    // 				document.onmouseup = function(e) {
    // 					document.onmousemove = null;
    // 					document.onmouseup = null;
    // 				}
    // 			};
    // 		}
    // 		dragDom.onmousewheel = function(e) {
    // 			if (e.wheelDelta) { //判断浏览器IE，谷歌滑轮事件
    // 				if (e.wheelDelta > 0) { //当滑轮向上滚动时
    // 					dragDom.style.transform = dragDom.style.transform + ' scale(0.9)';
    // 				}
    // 				if (e.wheelDelta < 0) { //当滑轮向下滚动时
    // 					dragDom.style.transform = dragDom.style.transform + ' scale(1.1)';
    // 				}
    // 			} else if (e.detail) { //Firefox滑轮事件
    // 				if (e.detail > 0) { //当滑轮向上滚动时
    // 					dragDom.style.transform = dragDom.style.transform + ' scale(0.9)';
    // 				}
    // 				if (e.detail < 0) { //当滑轮向下滚动时
    // 					dragDom.style.transform = dragDom.style.transform + ' scale(1.1)';
    // 				}
    // 			}
    // 		};
  }
});

// v-dialogDrag: 弹窗拖拽属性
Vue.directive("drag", {
  componentUpdated(el, binding, vnode, oldVnode) {
    index3 = el.style.zIndex;
  },
  inserted(el, binding, vnode, oldVnode) {
    let positionX = "";
    const dragDom = el.querySelector(".el-dialog");
    const dialogHeaderEl = el.querySelector(".el-dialog__header");
    let oDiv = el; //当前元素
    // 获取原有属性 ie dom元素.currentStyle 火狐谷歌 window.getComputedStyle(dom元素, null);
    const sty = (function() {
      if (window.document.currentStyle) {
        return (dom, attr) => dom.currentStyle[attr];
      } else {
        return (dom, attr) => getComputedStyle(dom, false)[attr];
      }
    })();
    dragDom.onmousedown = function(e) {
      positionX = e.screenX;
      console.log(e.target.nodeName);
      if (e.target.nodeName == "DIV") {
        dragDom.style.cursor = "move";
        // 鼠标按下，计算当前元素距离可视区的距离
        const disX = e.clientX - dialogHeaderEl.offsetLeft;
        const disY = e.clientY - dialogHeaderEl.offsetTop;
        const screenWidth = document.body.clientWidth; // body当前宽度
        const screenHeight = document.documentElement.clientHeight; // 可见区域高度(应为body高度，可某些环境下无法获取)

        const dragDomWidth = dragDom.offsetWidth; // 对话框宽度
        const dragDomheight = dragDom.offsetHeight; // 对话框高度

        const minDragDomLeft = dragDom.offsetLeft;
        const maxDragDomLeft = screenWidth - dragDom.offsetLeft - dragDomWidth;

        const minDragDomTop = dragDom.offsetTop;
        const maxDragDomTop = screenHeight - dragDom.offsetTop - dragDomheight;
        // 获取到的值带px 正则匹配替换
        let styL = sty(dragDom, "left");
        let styT = sty(dragDom, "top");

        // 注意在ie中 第一次获取到的值为组件自带50% 移动之后赋值为px
        if (styL.includes("%")) {
          styL = +document.body.clientWidth * (+styL.replace(/%/g, "") / 100);
          styT = +document.body.clientHeight * (+styT.replace(/%/g, "") / 100);
        } else {
          styL = +styL.replace(/px/g, "");
          styT = +styT.replace(/px/g, "");
        }

        document.onmousemove = function(e) {
          // 通过事件委托，计算移动的距离
          let left = e.clientX - disX;
          let top = e.clientY - disY;

          // 移动当前元素
          dragDom.style.cssText += `;left:${left + styL}px;top:${top +
            styT}px;`;
        };

        document.onmouseup = function(e) {
          document.onmousemove = null;
          document.onmouseup = null;
        };
        // dragDom.onmousewheel = function(e) {
        //   if (e.wheelDelta) { //判断浏览器IE，谷歌滑轮事件
        //     if (e.wheelDelta > 0) { //当滑轮向上滚动时
        //       dragDom.style.transform = dragDom.style.transform + ' scale(0.9)';
        //     }
        //     if (e.wheelDelta < 0) { //当滑轮向下滚动时
        //       dragDom.style.transform = dragDom.style.transform + ' scale(1.1)';
        //     }
        //   } else if (e.detail) { //Firefox滑轮事件
        //     if (e.detail > 0) { //当滑轮向上滚动时
        //       dragDom.style.transform = dragDom.style.transform + ' scale(0.9)';
        //     }
        //     if (e.detail < 0) { //当滑轮向下滚动时
        //       dragDom.style.transform = dragDom.style.transform + ' scale(1.1)';
        //     }
        //   }
        // };
      } else {
        dragDom.style.cursor = "default";
        document.onmousemove = null;
        document.onmouseup = null;
      }
    };
    el.onmousedown = function(e) {
      let arr = document.getElementsByClassName("bigView");
      let arr1 =
        document.getElementsByClassName("addForm") ||
        document.getElementsByClassName("originalForm");
      if (!positionX || positionX != e.screenX) {
        arr[0].style.zIndex = Number(arr[0].style.zIndex) - 100;
      }
    };
  }
});
统信系统UOS桌面版V20 用户手册
Reyn_观极
07-27 1万+
UOS桌面版V20用户手册。
uniapp学习总结
weixin_67850938的博客
06-15 919
uni-app是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台。uni-app组成和跨端原理uni-app能实现一套代码、多端运行，核心是通过编译器 + 运行时编译器：将uni-app统一代码编译生成每个平台支持的特有代码；如在小程序平台，编译器将.vue文件拆分生成wxmlwxssjs等代码。
html5 canvas 拖动图片大小,HTML5 Canvas中可拖动，可伸缩的图像(Draggable, scalable image in HTML5 Canvas)...
weixin_39557576的博客
06-04 368
HTML5 Canvas中可拖动，可伸缩的图像(Draggable, scalable image in HTML5 Canvas)我正在使用一个我计划使用HTML5的小项目。到目前为止，我已经设法建立了一个带有一些小功能的小型演示，但它仍然缺乏必要的所有功能。 我希望这里的某个人可能有时间为初学者做些准备。现在，正如你所看到的，图像(是的，它是一个图像，而不是一个绘制的对象，图像将为最终版本而改...
windows 运行 自定义 命令 的实现
hggjgff的博客
11-15 1135
windows 运行 自定义 命令 的实现
Fiddler的安装和使用教程（详细）
shanlijia的博客
08-07 9806
一、安装 1、fiddler工具下载网址：http://www.telerik.com/download/fiddler。 2、运行 FiddlerSetup.exe一键完成安装。 3、安装成功后点击关闭按钮，所选路径下多出一个Fiddler文件夹 4、运行fiddler.exe。 二、Fiddler的配置 1、Fiddler的抓包原理 Fiddler 是以代理web服务器的形式工作的，它使用代理地址:127.0.0.1，端口:8888，能支持HTTP代理的任意程序的数据包都能被Fiddler嗅探到，Fi
【学习笔记】爬虫（Ⅰ）—— Selenium和Pytest
Eddie_hyh的博客
03-29 1659
爬虫第一部分：Selenium和Pytest
angularjs创建弹出框实现拖动效果
10-23
在开发前端应用时，常常需要实现模态...开发者可以通过定义一个自定义指令，并在其中处理必要的事件和样式更新，来实现这一功能。这种实现方式不仅代码易于理解和维护，还可以轻松地集成到任何使用AngularJS的项目中。
弹窗拖拽自定义指令
Ccfitch的博客
06-05 170
【代码】弹窗拖拽自定义指令。
vue自定义指令 弹窗拖拽
HTML5_student的博客
03-01 524
import Vue from "vue"; //v-dialogDrag:弹窗拖拽 Vue.directive('dialogDrag',{ bind(el,binding,vnode,oldVnode){ const dialogHeaderEl = el.querySelector('.el-dialog__header') const dragDom = el.querySelector('.el-dialog') dialogHeaderEl.
RuoYi-Cloud
xinyi_java的博客
09-27 3806
目录 介绍 快速了解 环境部署 项目介绍 后台手册 前端手册 功能组件 模板引擎 组件文档 插件集成 介绍 基于Spring Boot、Spring Cloud & Alibaba的微服务的权限管理系统。 RuoYi-Cloud 是一个 Java EE 分布式微服务架构平台，基于经典技术组合（Spring Boot、Spring Cloud & Alibaba、Vue、Element），内置模块如：部门管理、角色用户、菜单及按钮授权、数据权限、系统参
第四十二章 Vue中使用mutations修改Vuex仓库数据
最新发布
Calvin的博客
11-11 507
在Vue中，明确vuex同样遵循单向数据流，即组件中不能直接修改仓库的数据，我们可以通过 strict: true 可以开启严格模式，防止在组件中非法修改仓库数据。(错误写法)在Vue中，组件想要修改Vuex的数据，可以通过Vue提供的mutations来实现。本章节我们将通过掌握mutations的操作流程，来修改state数据。(state数据的修改只能通过mutations )1.2. mutations修改数据基本步骤。
智能化健身房管理：Spring Boot与Vue的创新解决方案
Yaml4的博客
11-07 914
在现代社会，人们对健康和健身的重视程度不断提高。健身房作为人们进行体育锻炼和追求健康生活的重要场所，其数量和规模也在不断增长。然而，传统的健身房管理方式面临着诸多挑战。一方面，随着健身房会员数量的增加和业务的不断扩展，传统的人工管理方式变得越来越繁琐和低效。例如，会员信息的登记、课程安排、教练分配、设备管理等工作都需要大量的人力和时间，而且容易出现错误和漏洞。此外，传统的管理方式也难以满足会员对个性化服务和便捷体验的需求。另一方面，随着科技的不断进步，人们对智能化、数字化的服务需求也越来越高。
Vue 状态管理工具vuex
gklcsdn的博客
11-07 582
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式和库。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 解决了多个组件共享状态时，状态的可维护性和可预测性问题。
新手 Vue 项目运行
有你真好的博客
11-11 234
2.1 回到Idea后端的springboot项目，找到src--> rescources --> front.front --> index.html文件，打开之后找到 adminurl : 'adminurl'2.6 至此，前端Vue程序已经运行起来，结合前面的spingboot项目，我们已经将整个springboot + Vue项目运行起来。打开cmd命令行，按住win+R，出来命令行窗口，输入cmd，出来终端窗口。在运行项目之前，确保运行vue项目的环境已经安装成功，并可以找到；
【开源免费】基于SpringBoot+Vue.JS美发门店管理系统（JAVA毕业设计）
customer08的博客
11-11 722
基于Vue.js和SpringBoot开发的美发门店管理系统是一个功能全面的解决方案，旨在为美发店提供高效的日常运营支持。该系统分为两个主要部分：管理后台和用户网页端，以满足不同用户角色的需求。
Vue Cli的配置中configureWebpack和chainWebpack的主要作用及区别是什么？
friend_ship的博客
11-08 737
Vue Cli提供的两种方案，一种是基于configureWebpack项直接覆盖同名配置；另一种是chainWebpack直接修改默认配置。
第三十七章 Vue之编程式导航及跳转传参
Calvin的博客
11-10 1358
前面的章节我们学习了声明式导航的路由跳转，简单理解就是通过链接形式的路由跳转，本章节我们来学习下编程式导航跳转，即点击按钮来实现页面的跳转。在Vue中提供了两种实现方式。Home.vue的代码在前者基础上稍做调整即可，获取方式等代码一样。编程式导航两种跳转方式对于两种传参方式也都支持。跳转方法中通过name属性指定路由即可。2.1.1. 查询参数传参（简写）2.2. name命名路由跳转传参。1.2. name 命名路由跳转。2.1. path路径跳转传参。2.2.1. 查询参数传参。
vue3项目中内嵌vuepress工程两种实现方式
xiaopiaoliang777的博客
11-11 301
vue3项目启动vuepress
20241111继续学习vue
xiezhuangshunv的博客
11-11 91
在 Vue 中，默认情况下，状态是深度响应的。和组件实例上的其他属性一样，方法也可以在模板上被访问。此对象的所有顶层属性都会被代理到组件实例 (即方法和生命周期钩子中的。上定义，直接向组件实例添加新属性，但这个属性将无法触发响应式更新。Vue 在组件实例上暴露的内置 API 使用。有状态方法, 这个公司项目好像没用到.它同时也为内部属性保留。上使用任何以这些字符作前缀的属性。此选项的值应为返回一个对象的函数.选项来声明组件的响应式状态.因此，你应该避免在顶层。要为组件添加方法，我们需要用到。
js-v-for 指令来循环展示数组中的数据，并在每条数据后添加一个删除按钮 items.splice(index, 1)
2301_76671906的博客
11-07 425
v-for 指令来循环展示数组中的数据，并在每条数据后添加一个删除按钮 items.splice(index, 1)
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值