1 line
7.1 KiB
JSON
1 line
7.1 KiB
JSON
{"remainingRequest":"D:\\Hjm项目\\suyi1111\\node_modules\\babel-loader\\lib\\index.js!D:\\Hjm项目\\suyi1111\\node_modules\\eslint-loader\\index.js??ref--13-0!D:\\Hjm项目\\suyi1111\\src\\utils\\drawMixin.js","dependencies":[{"path":"D:\\Hjm项目\\suyi1111\\src\\utils\\drawMixin.js","mtime":1659064165000},{"path":"D:\\Hjm项目\\suyi1111\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\suyi1111\\node_modules\\babel-loader\\lib\\index.js","mtime":499162500000},{"path":"D:\\Hjm项目\\suyi1111\\node_modules\\eslint-loader\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8g5bGP5bmV6YCC6YWNIG1peGluIOWHveaVsAovLyAqIOm7mOiupOe8qeaUvuWAvApjb25zdCBzY2FsZSA9IHsKICB3aWR0aDogJzEnLAogIGhlaWdodDogJzEnCn07IC8vICog6K6+6K6h56i/5bC65a+477yIcHjvvIkKCmNvbnN0IGJhc2VXaWR0aCA9IDE5MjA7CmNvbnN0IGJhc2VIZWlnaHQgPSAxMDgwOyAvLyAqIOmcgOS/neaMgeeahOavlOS+i++8iOm7mOiupDEuNzc3NzjvvIkKCmNvbnN0IGJhc2VQcm9wb3J0aW9uID0gcGFyc2VGbG9hdCgoYmFzZVdpZHRoIC8gYmFzZUhlaWdodCkudG9GaXhlZCg1KSk7IC8vIGNvbnN0IGJhc2VQcm9wb3J0aW9uID0gMS44fHxwYXJzZUZsb2F0KChiYXNlV2lkdGggLyBiYXNlSGVpZ2h0KS50b0ZpeGVkKDUpKQoKZXhwb3J0IGRlZmF1bHQgewogIGRhdGEoKSB7CiAgICByZXR1cm4gewogICAgICAvLyAqIOWumuaXtuWHveaVsAogICAgICBkcmF3VGltaW5nOiBudWxsCiAgICB9OwogIH0sCgogIG1vdW50ZWQoKSB7CiAgICB0aGlzLmNhbGNSYXRlKCk7CiAgICB3aW5kb3cuYWRkRXZlbnRMaXN0ZW5lcigncmVzaXplJywgdGhpcy5yZXNpemUpOwogIH0sCgogIGJlZm9yZURlc3Ryb3koKSB7CiAgICB3aW5kb3cucmVtb3ZlRXZlbnRMaXN0ZW5lcigncmVzaXplJywgdGhpcy5yZXNpemUpOwogIH0sCgogIG1ldGhvZHM6IHsKICAgIGNhbGNSYXRlKCkgewogICAgICBjb25zdCBhcHBSZWYgPSB0aGlzLiRyZWZzWyJhcHBSZWYiXTsKICAgICAgaWYgKCFhcHBSZWYpIHJldHVybjsgLy8g5b2T5YmN5a696auY5q+UCgogICAgICBjb25zdCBjdXJyZW50UmF0ZSA9IHBhcnNlRmxvYXQoKHdpbmRvdy5pbm5lcldpZHRoIC8gd2luZG93LmlubmVySGVpZ2h0KS50b0ZpeGVkKDUpKTsKCiAgICAgIGlmIChhcHBSZWYpIHsKICAgICAgICBpZiAoY3VycmVudFJhdGUgPiBiYXNlUHJvcG9ydGlvbikgewogICAgICAgICAgLy8g6KGo56S65pu05a69CiAgICAgICAgICBzY2FsZS53aWR0aCA9ICh3aW5kb3cuaW5uZXJIZWlnaHQgKiBiYXNlUHJvcG9ydGlvbiAvIGJhc2VXaWR0aCkudG9GaXhlZCg1KTsgLy8gICBzY2FsZS53aWR0aCA9IDE7CgogICAgICAgICAgY29uc29sZS5sb2coJ3NjYWxlLndpZHRoLCwnLCBzY2FsZS53aWR0aCwgcGFyc2VGbG9hdChzY2FsZS53aWR0aCkgKyAwLjA4MTExKTsKICAgICAgICAgIHNjYWxlLmhlaWdodCA9ICh3aW5kb3cuaW5uZXJIZWlnaHQgLyBiYXNlSGVpZ2h0KS50b0ZpeGVkKDUpOwogICAgICAgICAgYXBwUmVmLnN0eWxlLnRyYW5zZm9ybSA9IGBzY2FsZSgke3BhcnNlRmxvYXQoc2NhbGUud2lkdGgpfSwgJHtzY2FsZS5oZWlnaHR9KSB0cmFuc2xhdGUoLTUwJSwgLTUwJSlgOwogICAgICAgIH0gZWxzZSB7CiAgICAgICAgICAvLyDooajnpLrmm7Tpq5gKICAgICAgICAgIHNjYWxlLmhlaWdodCA9ICh3aW5kb3cuaW5uZXJXaWR0aCAvIGJhc2VQcm9wb3J0aW9uIC8gYmFzZUhlaWdodCkudG9GaXhlZCg1KTsgLy8gICBzY2FsZS53aWR0aCA9IDE7CgogICAgICAgICAgc2NhbGUud2lkdGggPSAod2luZG93LmlubmVyV2lkdGggLyBiYXNlV2lkdGgpLnRvRml4ZWQoNSk7CiAgICAgICAgICBhcHBSZWYuc3R5bGUudHJhbnNmb3JtID0gYHNjYWxlKCR7c2NhbGUud2lkdGh9LCAke3NjYWxlLmhlaWdodH0pIHRyYW5zbGF0ZSgtNTAlLCAtNTAlKWA7CiAgICAgICAgfQogICAgICB9CiAgICB9LAoKICAgIHJlc2l6ZSgpIHsKICAgICAgY2xlYXJUaW1lb3V0KHRoaXMuZHJhd1RpbWluZyk7CiAgICAgIHRoaXMuZHJhd1RpbWluZyA9IHNldFRpbWVvdXQoKCkgPT4gewogICAgICAgIHRoaXMuY2FsY1JhdGUoKTsKICAgICAgfSwgMjAwKTsKICAgIH0KCiAgfQp9Ow=="},{"version":3,"sources":["D:/Hjm项目/suyi1111/src/utils/drawMixin.js"],"names":["scale","width","height","baseWidth","baseHeight","baseProportion","parseFloat","toFixed","data","drawTiming","mounted","calcRate","window","addEventListener","resize","beforeDestroy","removeEventListener","methods","appRef","$refs","currentRate","innerWidth","innerHeight","console","log","style","transform","clearTimeout","setTimeout"],"mappings":"AAAA;AAEA;AACA,MAAMA,KAAK,GAAG;AACZC,EAAAA,KAAK,EAAE,GADK;AAEZC,EAAAA,MAAM,EAAE;AAFI,CAAd,C,CAKA;;AACA,MAAMC,SAAS,GAAG,IAAlB;AACA,MAAMC,UAAU,GAAG,IAAnB,C,CAEA;;AACA,MAAMC,cAAc,GAAGC,UAAU,CAAC,CAACH,SAAS,GAAGC,UAAb,EAAyBG,OAAzB,CAAiC,CAAjC,CAAD,CAAjC,C,CACA;;AACA,eAAe;AACbC,EAAAA,IAAI,GAAG;AACL,WAAO;AACL;AACAC,MAAAA,UAAU,EAAE;AAFP,KAAP;AAID,GANY;;AAObC,EAAAA,OAAO,GAAG;AACR,SAAKC,QAAL;AACAC,IAAAA,MAAM,CAACC,gBAAP,CAAwB,QAAxB,EAAkC,KAAKC,MAAvC;AACD,GAVY;;AAWbC,EAAAA,aAAa,GAAG;AACdH,IAAAA,MAAM,CAACI,mBAAP,CAA2B,QAA3B,EAAqC,KAAKF,MAA1C;AACD,GAbY;;AAcbG,EAAAA,OAAO,EAAE;AACPN,IAAAA,QAAQ,GAAG;AACT,YAAMO,MAAM,GAAG,KAAKC,KAAL,CAAW,QAAX,CAAf;AACA,UAAI,CAACD,MAAL,EAAa,OAFJ,CAGT;;AACA,YAAME,WAAW,GAAGd,UAAU,CAAC,CAACM,MAAM,CAACS,UAAP,GAAoBT,MAAM,CAACU,WAA5B,EAAyCf,OAAzC,CAAiD,CAAjD,CAAD,CAA9B;;AACA,UAAIW,MAAJ,EAAY;AACV,YAAIE,WAAW,GAAGf,cAAlB,EAAkC;AAChC;AACAL,UAAAA,KAAK,CAACC,KAAN,GAAc,CAAEW,MAAM,CAACU,WAAP,GAAqBjB,cAAtB,GAAwCF,SAAzC,EAAoDI,OAApD,CAA4D,CAA5D,CAAd,CAFgC,CAGlC;;AACEgB,UAAAA,OAAO,CAACC,GAAR,CAAY,eAAZ,EAA6BxB,KAAK,CAACC,KAAnC,EAA0CK,UAAU,CAACN,KAAK,CAACC,KAAP,CAAV,GAA0B,OAApE;AACAD,UAAAA,KAAK,CAACE,MAAN,GAAe,CAACU,MAAM,CAACU,WAAP,GAAqBlB,UAAtB,EAAkCG,OAAlC,CAA0C,CAA1C,CAAf;AACAW,UAAAA,MAAM,CAACO,KAAP,CAAaC,SAAb,GAA0B,SAAQpB,UAAU,CAACN,KAAK,CAACC,KAAP,CAAc,KAAID,KAAK,CAACE,MAAO,yBAA3E;AAED,SARD,MAQO;AACL;AACAF,UAAAA,KAAK,CAACE,MAAN,GAAe,CAAEU,MAAM,CAACS,UAAP,GAAoBhB,cAArB,GAAuCD,UAAxC,EAAoDG,OAApD,CAA4D,CAA5D,CAAf,CAFK,CAGP;;AACEP,UAAAA,KAAK,CAACC,KAAN,GAAc,CAACW,MAAM,CAACS,UAAP,GAAoBlB,SAArB,EAAgCI,OAAhC,CAAwC,CAAxC,CAAd;AACAW,UAAAA,MAAM,CAACO,KAAP,CAAaC,SAAb,GAA0B,SAAQ1B,KAAK,CAACC,KAAM,KAAID,KAAK,CAACE,MAAO,yBAA/D;AACD;AACF;AACF,KAvBM;;AAwBPY,IAAAA,MAAM,GAAG;AACPa,MAAAA,YAAY,CAAC,KAAKlB,UAAN,CAAZ;AACA,WAAKA,UAAL,GAAkBmB,UAAU,CAAC,MAAM;AACjC,aAAKjB,QAAL;AACD,OAF2B,EAEzB,GAFyB,CAA5B;AAGD;;AA7BM;AAdI,CAAf","sourcesContent":["// 屏幕适配 mixin 函数\n\n// * 默认缩放值\nconst scale = {\n width: '1',\n height: '1',\n}\n\n// * 设计稿尺寸(px)\nconst baseWidth = 1920\nconst baseHeight = 1080\n\n// * 需保持的比例(默认1.77778)\nconst baseProportion = parseFloat((baseWidth / baseHeight).toFixed(5))\n// const baseProportion = 1.8||parseFloat((baseWidth / baseHeight).toFixed(5))\nexport default {\n data() {\n return {\n // * 定时函数\n drawTiming: null\n }\n },\n mounted() {\n this.calcRate()\n window.addEventListener('resize', this.resize)\n },\n beforeDestroy() {\n window.removeEventListener('resize', this.resize)\n },\n methods: {\n calcRate() {\n const appRef = this.$refs[\"appRef\"]\n if (!appRef) return\n // 当前宽高比\n const currentRate = parseFloat((window.innerWidth / window.innerHeight).toFixed(5))\n if (appRef) {\n if (currentRate > baseProportion) {\n // 表示更宽\n scale.width = ((window.innerHeight * baseProportion) / baseWidth).toFixed(5);\n // scale.width = 1;\n console.log('scale.width,,', scale.width, parseFloat(scale.width) + 0.08111);\n scale.height = (window.innerHeight / baseHeight).toFixed(5)\n appRef.style.transform = `scale(${parseFloat(scale.width)}, ${scale.height}) translate(-50%, -50%)`\n \n } else {\n // 表示更高\n scale.height = ((window.innerWidth / baseProportion) / baseHeight).toFixed(5)\n // scale.width = 1;\n scale.width = (window.innerWidth / baseWidth).toFixed(5)\n appRef.style.transform = `scale(${scale.width}, ${scale.height}) translate(-50%, -50%)`\n }\n }\n },\n resize() {\n clearTimeout(this.drawTiming)\n this.drawTiming = setTimeout(() => {\n this.calcRate()\n }, 200)\n }\n },\n}"]}]} |