1 line
8.2 KiB
JSON
1 line
8.2 KiB
JSON
{"remainingRequest":"D:\\phpstudy_pro\\WWW\\travel\\admin\\node_modules\\babel-loader\\lib\\index.js!D:\\phpstudy_pro\\WWW\\travel\\admin\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\phpstudy_pro\\WWW\\travel\\admin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\phpstudy_pro\\WWW\\travel\\admin\\src\\components\\Watermark\\Watermark.vue?vue&type=script&lang=js","dependencies":[{"path":"D:\\phpstudy_pro\\WWW\\travel\\admin\\src\\components\\Watermark\\Watermark.vue","mtime":1718864675711},{"path":"D:\\phpstudy_pro\\WWW\\travel\\admin\\babel.config.js","mtime":1718070785981},{"path":"D:\\phpstudy_pro\\WWW\\travel\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1718764957200},{"path":"D:\\phpstudy_pro\\WWW\\travel\\admin\\node_modules\\babel-loader\\lib\\index.js","mtime":1718764959024},{"path":"D:\\phpstudy_pro\\WWW\\travel\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1718764957200},{"path":"D:\\phpstudy_pro\\WWW\\travel\\admin\\node_modules\\vue-loader\\lib\\index.js","mtime":1718764959862}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:aW1wb3J0ICJjb3JlLWpzL21vZHVsZXMvZXMubnVtYmVyLmNvbnN0cnVjdG9yLmpzIjsKLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KCmV4cG9ydCBkZWZhdWx0IHsKICBwcm9wczogewogICAgd2F0ZXJtYXJrVGV4dDogewogICAgICB0eXBlOiBTdHJpbmcsCiAgICAgIGRlZmF1bHQ6ICfph5HmvrMnCiAgICB9LAogICAgd2F0ZXJtYXJrQ29sb3I6IHsKICAgICAgdHlwZTogU3RyaW5nLAogICAgICBkZWZhdWx0OiAncmdiYSgxOTIsIDE5MiwgMTkyLCAwLjMpJwogICAgfSwKICAgIHdhdGVybWFya0ZvbnRTaXplOiB7CiAgICAgIHR5cGU6IFN0cmluZywKICAgICAgZGVmYXVsdDogJzI0cHgnCiAgICB9LAogICAgd2F0ZXJtYXJrRm9udEZhbWlseTogewogICAgICB0eXBlOiBTdHJpbmcsCiAgICAgIGRlZmF1bHQ6ICdBcmlhbCcKICAgIH0sCiAgICB3YXRlcm1hcmtSb3RhdGlvbjogewogICAgICB0eXBlOiBOdW1iZXIsCiAgICAgIGRlZmF1bHQ6IC00NQogICAgfSwKICAgIHdhdGVybWFya1NwYWNpbmc6IHsKICAgICAgdHlwZTogTnVtYmVyLAogICAgICBkZWZhdWx0OiAyMDAKICAgIH0sCiAgICB3YXRlcm1hcmtXaWR0aDogewogICAgICB0eXBlOiBOdW1iZXIsCiAgICAgIGRlZmF1bHQ6IDIwMAogICAgfSwKICAgIHdhdGVybWFya0hlaWdodDogewogICAgICB0eXBlOiBOdW1iZXIsCiAgICAgIGRlZmF1bHQ6IDEwMAogICAgfQogIH0sCiAgY29tcHV0ZWQ6IHsKICAgIHdhdGVybWFya1RleHRzOiBmdW5jdGlvbiB3YXRlcm1hcmtUZXh0cygpIHsKICAgICAgLy8g5qC55o2u6aG16Z2i5aSn5bCP5Yqo5oCB55Sf5oiQ5aSa5Liq5rC05Y2w5paH5pysCiAgICAgIHZhciB0ZXh0cyA9IFtdOwogICAgICB2YXIgd2lkdGggPSB3aW5kb3cuaW5uZXJXaWR0aDsKICAgICAgdmFyIGhlaWdodCA9IHdpbmRvdy5pbm5lckhlaWdodDsKICAgICAgdmFyIGNvdW50ID0gTWF0aC5jZWlsKHdpZHRoICogaGVpZ2h0IC8gKHRoaXMud2F0ZXJtYXJrV2lkdGggKiB0aGlzLndhdGVybWFya0hlaWdodCkpOwogICAgICBmb3IgKHZhciBpID0gMDsgaSA8IGNvdW50OyBpKyspIHsKICAgICAgICB0ZXh0cy5wdXNoKHRoaXMud2F0ZXJtYXJrVGV4dCk7CiAgICAgIH0KICAgICAgcmV0dXJuIHRleHRzOwogICAgfSwKICAgIHdhdGVybWFya1N0eWxlOiBmdW5jdGlvbiB3YXRlcm1hcmtTdHlsZSgpIHsKICAgICAgcmV0dXJuIHsKICAgICAgICBwb3NpdGlvbjogJ2ZpeGVkJywKICAgICAgICBwb2ludGVyRXZlbnRzOiAnbm9uZScsCiAgICAgICAgdG9wOiAiIi5jb25jYXQoTWF0aC5yYW5kb20oKSAqIHdpbmRvdy5pbm5lckhlaWdodCwgInB4IiksCiAgICAgICAgbGVmdDogIiIuY29uY2F0KE1hdGgucmFuZG9tKCkgKiB3aW5kb3cuaW5uZXJXaWR0aCwgInB4IiksCiAgICAgICAgdHJhbnNmb3JtOiAicm90YXRlKCIuY29uY2F0KHRoaXMud2F0ZXJtYXJrUm90YXRpb24sICJkZWcpIiksCiAgICAgICAgZm9udFNpemU6IHRoaXMud2F0ZXJtYXJrRm9udFNpemUsCiAgICAgICAgY29sb3I6IHRoaXMud2F0ZXJtYXJrQ29sb3IsCiAgICAgICAgZm9udEZhbWlseTogdGhpcy53YXRlcm1hcmtGb250RmFtaWx5CiAgICAgICAgLy8g5Y+v5Lul5qC55o2u6ZyA6KaB5re75Yqg5pu05aSa5qC35byPCiAgICAgIH07CiAgICB9CiAgfSwKICBtb3VudGVkOiBmdW5jdGlvbiBtb3VudGVkKCkgewogICAgd2luZG93LmFkZEV2ZW50TGlzdGVuZXIoJ3Jlc2l6ZScsIHRoaXMuaGFuZGxlUmVzaXplKTsKICB9LAogIGJlZm9yZURlc3Ryb3k6IGZ1bmN0aW9uIGJlZm9yZURlc3Ryb3koKSB7CiAgICB3aW5kb3cucmVtb3ZlRXZlbnRMaXN0ZW5lcigncmVzaXplJywgdGhpcy5oYW5kbGVSZXNpemUpOwogIH0sCiAgbWV0aG9kczogewogICAgaGFuZGxlUmVzaXplOiBmdW5jdGlvbiBoYW5kbGVSZXNpemUoKSB7CiAgICAgIC8vIOWcqOeql+WPo+Wkp+Wwj+aUueWPmOaXtumHjeaWsOiuoeeul+awtOWNsOaWh+acrOWSjOagt+W8jwogICAgICAvLyDov5nph4zlj6/ku6XmoLnmja7pnIDopoHmt7vliqDpgLvovpHvvIzmr5TlpoLkvb/nlKhuZXh0VGlja+adpeehruS/nURPTeabtOaWsOWQjuWGjeiuoeeulwogICAgfQogIH0KfTs="},{"version":3,"names":["props","watermarkText","type","String","default","watermarkColor","watermarkFontSize","watermarkFontFamily","watermarkRotation","Number","watermarkSpacing","watermarkWidth","watermarkHeight","computed","watermarkTexts","texts","width","window","innerWidth","height","innerHeight","count","Math","ceil","i","push","watermarkStyle","position","pointerEvents","top","concat","random","left","transform","fontSize","color","fontFamily","mounted","addEventListener","handleResize","beforeDestroy","removeEventListener","methods"],"sources":["src/components/Watermark/Watermark.vue"],"sourcesContent":["<template>\n <div v-if=\"watermarkText\" class=\"watermark-container\">\n <div class=\"watermark\" v-for=\"(text, index) in watermarkTexts\" :key=\"index\" :style=\"watermarkStyle\">\n {{ text }}\n </div>\n </div>\n</template>\n\n<script>\nexport default {\n props: {\n watermarkText: {\n type: String,\n default: '金澳'\n },\n watermarkColor: {\n type: String,\n default: 'rgba(192, 192, 192, 0.3)'\n },\n watermarkFontSize: {\n type: String,\n default: '24px'\n },\n watermarkFontFamily: {\n type: String,\n default: 'Arial'\n },\n watermarkRotation: {\n type: Number,\n default: -45\n },\n watermarkSpacing: {\n type: Number,\n default: 200\n },\n watermarkWidth: {\n type: Number,\n default: 200\n },\n watermarkHeight: {\n type: Number,\n default: 100\n }\n },\n computed: {\n watermarkTexts() {\n // 根据页面大小动态生成多个水印文本\n const texts = [];\n const width = window.innerWidth;\n const height = window.innerHeight;\n const count = Math.ceil(width * height / (this.watermarkWidth * this.watermarkHeight));\n for (let i = 0; i < count; i++) {\n texts.push(this.watermarkText);\n }\n return texts;\n },\n watermarkStyle() {\n return {\n position: 'fixed',\n pointerEvents: 'none',\n top: `${Math.random() * window.innerHeight}px`,\n left: `${Math.random() * window.innerWidth}px`,\n transform: `rotate(${this.watermarkRotation}deg)`,\n fontSize: this.watermarkFontSize,\n color: this.watermarkColor,\n fontFamily: this.watermarkFontFamily,\n // 可以根据需要添加更多样式\n };\n }\n },\n mounted() {\n window.addEventListener('resize', this.handleResize);\n },\n beforeDestroy() {\n window.removeEventListener('resize', this.handleResize);\n },\n methods: {\n handleResize() {\n // 在窗口大小改变时重新计算水印文本和样式\n // 这里可以根据需要添加逻辑,比如使用nextTick来确保DOM更新后再计算\n }\n }\n};\n</script>\n\n<style scoped>\n.watermark-container {\n pointer-events: none;\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 9999; /* 确保水印在内容之上 */\n overflow: hidden;\n pointer-events: none; /* 防止水印影响页面交互 */\n}\n\n.watermark {\n user-select: none; /* 防止水印文本被复制 */\n pointer-events: none; /* 防止水印影响页面交互 */\n}\n</style>\n"],"mappings":";;;;;;;;;;AASA;EACAA,KAAA;IACAC,aAAA;MACAC,IAAA,EAAAC,MAAA;MACAC,OAAA;IACA;IACAC,cAAA;MACAH,IAAA,EAAAC,MAAA;MACAC,OAAA;IACA;IACAE,iBAAA;MACAJ,IAAA,EAAAC,MAAA;MACAC,OAAA;IACA;IACAG,mBAAA;MACAL,IAAA,EAAAC,MAAA;MACAC,OAAA;IACA;IACAI,iBAAA;MACAN,IAAA,EAAAO,MAAA;MACAL,OAAA;IACA;IACAM,gBAAA;MACAR,IAAA,EAAAO,MAAA;MACAL,OAAA;IACA;IACAO,cAAA;MACAT,IAAA,EAAAO,MAAA;MACAL,OAAA;IACA;IACAQ,eAAA;MACAV,IAAA,EAAAO,MAAA;MACAL,OAAA;IACA;EACA;EACAS,QAAA;IACAC,cAAA,WAAAA,eAAA;MACA;MACA,IAAAC,KAAA;MACA,IAAAC,KAAA,GAAAC,MAAA,CAAAC,UAAA;MACA,IAAAC,MAAA,GAAAF,MAAA,CAAAG,WAAA;MACA,IAAAC,KAAA,GAAAC,IAAA,CAAAC,IAAA,CAAAP,KAAA,GAAAG,MAAA,SAAAR,cAAA,QAAAC,eAAA;MACA,SAAAY,CAAA,MAAAA,CAAA,GAAAH,KAAA,EAAAG,CAAA;QACAT,KAAA,CAAAU,IAAA,MAAAxB,aAAA;MACA;MACA,OAAAc,KAAA;IACA;IACAW,cAAA,WAAAA,eAAA;MACA;QACAC,QAAA;QACAC,aAAA;QACAC,GAAA,KAAAC,MAAA,CAAAR,IAAA,CAAAS,MAAA,KAAAd,MAAA,CAAAG,WAAA;QACAY,IAAA,KAAAF,MAAA,CAAAR,IAAA,CAAAS,MAAA,KAAAd,MAAA,CAAAC,UAAA;QACAe,SAAA,YAAAH,MAAA,MAAAtB,iBAAA;QACA0B,QAAA,OAAA5B,iBAAA;QACA6B,KAAA,OAAA9B,cAAA;QACA+B,UAAA,OAAA7B;QACA;MACA;IACA;EACA;EACA8B,OAAA,WAAAA,QAAA;IACApB,MAAA,CAAAqB,gBAAA,gBAAAC,YAAA;EACA;EACAC,aAAA,WAAAA,cAAA;IACAvB,MAAA,CAAAwB,mBAAA,gBAAAF,YAAA;EACA;EACAG,OAAA;IACAH,YAAA,WAAAA,aAAA;MACA;MACA;IAAA;EAEA;AACA","ignoreList":[]}]} |