update dist

dist/css/chunk-383c1b34.f5dbd370.css

@@ -1 +0,0 @@
-.el-image-viewer__wrapper{z-index:3000!important}[data-v-1cbdcf26]:export{menuBg:#304156;menuText:#bfcbd9;menuActiveText:#409eff}.bottom[data-v-1cbdcf26]{margin-top:13px;line-height:12px;display:flex;justify-content:space-between;align-items:center}.bottom span[data-v-1cbdcf26]{font-size:13px;color:#999}.sub-bottom[data-v-1cbdcf26]{display:flex;justify-content:space-between}.button[data-v-1cbdcf26]{padding:0;min-height:auto;float:right}.image[data-v-1cbdcf26]{width:100%;display:block}.one-block[data-v-1cbdcf26]{border:1px solid #ebebeb;border-radius:3px;transition:.2s;padding:24px;margin-bottom:24px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.infinite-list .infinite-list-item[data-v-1cbdcf26]{display:flex;align-items:center;justify-content:space-between;height:30px;background:#e8f3fe;margin:10px;color:#7dbcfc}.infinite-list[data-v-1cbdcf26]{height:300px;-webkit-padding-start:0;padding-inline-start:0}.history_content[data-v-1cbdcf26]{width:80%;line-height:30px;padding:0 10px}

dist/css/chunk-45f2d0f2.83e7f2fe.css

@@ -0,0 +1 @@
+.el-image-viewer__wrapper{z-index:3000!important}[data-v-336e9018]:export{menuBg:#304156;menuText:#bfcbd9;menuActiveText:#409eff}.bottom[data-v-336e9018]{margin-top:13px;line-height:12px;display:flex;justify-content:space-between;align-items:center}.bottom span[data-v-336e9018]{font-size:13px;color:#999}.sub-bottom[data-v-336e9018]{display:flex;justify-content:space-between}.button[data-v-336e9018]{padding:0;min-height:auto;float:right}.image[data-v-336e9018]{width:100%;display:block}.one-block[data-v-336e9018]{border:1px solid #ebebeb;border-radius:3px;transition:.2s;padding:24px;margin-bottom:24px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.infinite-list .infinite-list-item[data-v-336e9018]{display:flex;align-items:center;justify-content:space-between;height:30px;background:#e8f3fe;margin:10px;color:#7dbcfc}.infinite-list[data-v-336e9018]{height:300px;-webkit-padding-start:0;padding-inline-start:0}.history_content[data-v-336e9018]{width:80%;line-height:30px;padding:0 10px}

dist/precache-manifest.c8b23c56f1a1e2c02a4be5ff4ed62b6f.js

@@ -8,7 +8,7 @@ self.__precacheManifest = (self.__precacheManifest || []).concat([
     "url": "/css/404.96fe1c26.css"
   },
   {
-    "revision": "8e44f3c4f1183e5af48a",
+    "revision": "e437fc0fa9aabcee124d",
     "url": "/css/app.82284a16.css"
   },
   {
@@ -16,7 +16,7 @@ self.__precacheManifest = (self.__precacheManifest || []).concat([
     "url": "/css/chunk-01717ca4.0461aed2.css"
   },
   {
-    "revision": "5a35a1abab938408d137",
+    "revision": "4ccdcfb29b95fe29f7fc",
     "url": "/css/chunk-01c0add2.200293c4.css"
   },
   {
@@ -51,10 +51,6 @@ self.__precacheManifest = (self.__precacheManifest || []).concat([
     "revision": "bdc8d418651caddb7870",
     "url": "/css/chunk-37ee6f14.61483c54.css"
   },
-  {
-    "revision": "55e2dd40e00ea2ea67d6",
-    "url": "/css/chunk-383c1b34.f5dbd370.css"
-  },
   {
     "revision": "f9eed53dd7fc86b465c1",
     "url": "/css/chunk-408127e4.5b669c31.css"
@@ -63,6 +59,10 @@ self.__precacheManifest = (self.__precacheManifest || []).concat([
     "revision": "fea717fde85b2cb071d2",
     "url": "/css/chunk-41e8e32c.ab6179cd.css"
   },
+  {
+    "revision": "b74a26d597f4b7a864d5",
+    "url": "/css/chunk-45f2d0f2.83e7f2fe.css"
+  },
   {
     "revision": "bf76dc2b5c75d5dae3bb",
     "url": "/css/chunk-4bf5c744.d25b5fbc.css"
@@ -168,7 +168,7 @@ self.__precacheManifest = (self.__precacheManifest || []).concat([
     "url": "/img/404.a57b6f31.png"
   },
   {
-    "revision": "ba364e39e1782fb9a741427284f746e8",
+    "revision": "34ede3e4ff42a702e6a71b85d315890e",
     "url": "/index.html"
   },
   {
@@ -180,8 +180,8 @@ self.__precacheManifest = (self.__precacheManifest || []).concat([
     "url": "/js/404.ec607ed7.js"
   },
   {
-    "revision": "8e44f3c4f1183e5af48a",
+    "revision": "e437fc0fa9aabcee124d",
-    "url": "/js/app.deacb710.js"
+    "url": "/js/app.277d4f51.js"
   },
   {
     "revision": "4308fe0503e593d27da4",
@@ -192,8 +192,8 @@ self.__precacheManifest = (self.__precacheManifest || []).concat([
     "url": "/js/chunk-01717ca4.6d263562.js"
   },
   {
-    "revision": "5a35a1abab938408d137",
+    "revision": "4ccdcfb29b95fe29f7fc",
-    "url": "/js/chunk-01c0add2.ac6a9550.js"
+    "url": "/js/chunk-01c0add2.71884c24.js"
   },
   {
     "revision": "cd1129243114e4041b3c",
@@ -239,10 +239,6 @@ self.__precacheManifest = (self.__precacheManifest || []).concat([
     "revision": "bdc8d418651caddb7870",
     "url": "/js/chunk-37ee6f14.07ce1530.js"
   },
-  {
-    "revision": "55e2dd40e00ea2ea67d6",
-    "url": "/js/chunk-383c1b34.b7c4bfe7.js"
-  },
   {
     "revision": "f9eed53dd7fc86b465c1",
     "url": "/js/chunk-408127e4.fbdf8a49.js"
@@ -251,6 +247,10 @@ self.__precacheManifest = (self.__precacheManifest || []).concat([
     "revision": "fea717fde85b2cb071d2",
     "url": "/js/chunk-41e8e32c.f321db3b.js"
   },
+  {
+    "revision": "b74a26d597f4b7a864d5",
+    "url": "/js/chunk-45f2d0f2.ee27028a.js"
+  },
   {
     "revision": "bf76dc2b5c75d5dae3bb",
     "url": "/js/chunk-4bf5c744.2cc73a2e.js"

dist/service-worker.js

@@ -14,7 +14,7 @@
 importScripts("https://storage.googleapis.com/workbox-cdn/releases/4.3.1/workbox-sw.js");
 
 importScripts(
-  "/precache-manifest.e3a85a7f948bf766f1a197f08b1f74c4.js"
+  "/precache-manifest.c8b23c56f1a1e2c02a4be5ff4ed62b6f.js"
 );
 
 workbox.core.setCacheNameDetails({prefix: "pyxis-fe"});

src/views/game/game_setting.vue

@@ -474,13 +474,13 @@ export default class extends Vue {
 
   private doDraw() {
     //  获取canvas
-    const canvas = document.getElementById('qr_canvas')
+    const canvas = document.getElementById('qr_canvas') as HTMLCanvasElement
     if (!canvas) {
       return false
     } else {
       //  可以理解为一个画笔，可画路径、矩形、文字、图像
       const context = canvas.getContext('2d')
-      context.clearRect(0, 0, 430, 430)
+      context!.clearRect(0, 0, 430, 430)
       const img = new Image()
       img.src = this.qrUrl
       img.setAttribute('crossOrigin', 'Anonymous')
@@ -488,7 +488,7 @@ export default class extends Vue {
       img.onload = () => {
         if (img.complete) {
           //  绘制图片
-          context.drawImage(img, 0, 0, img.width, img.height)
+          context!.drawImage(img, 0, 0, img.width, img.height)
           this.drawLogo(context)
         }
       }
@@ -506,7 +506,7 @@ export default class extends Vue {
         const contextTemp = canvasTemp.getContext('2d')
         canvasTemp.width = 430
         canvasTemp.height = 430
-        contextTemp.drawImage(img, 0, 0, img.width, img.height, 120, 120, 190, 190)
+        contextTemp!.drawImage(img, 0, 0, img.width, img.height, 120, 120, 190, 190)
         const pattern = context.createPattern(canvasTemp, 'no-repeat')
 
         context.roundRect(120, 120, 190, 190, 95)
@@ -518,11 +518,13 @@ export default class extends Vue {
 
   private exportCanvasAsPNG() {
     const fileName = `${this.shop}.png`
-    const canvasElement = document.getElementById('qr_canvas')
+    const canvasElement = document.getElementById('qr_canvas') as HTMLCanvasElement
-
+    if (!canvasElement) {
+      return false
+    }
     const MIME_TYPE = 'image/png'
 
-    const imgURL = canvasElement.toDataURL(MIME_TYPE)
+    const imgURL = canvasElement!.toDataURL(MIME_TYPE)
 
     const dlLink = document.createElement('a')
     dlLink.download = fileName