gx

Scene/public/showa/js/loadCAD.js

@@ -38,6 +38,7 @@ window.grendCAD = (function grendCAD() {
     let style = document.createElement('style')
     style.innerHTML = `
       .cad {
+        cursor: pointer;
         position: absolute;
         right: 20px;
         top: 16px;
@@ -45,6 +46,11 @@ window.grendCAD = (function grendCAD() {
         height: 200px;
         background: rgba(0, 0, 0, .3);
         border-radius: 5px; 
+        background-image: url('./images/map_1.png');
+        background-size: 100% 100%;
+        path {
+          opacity: 0;
+        }
         g.sign>path {
           opacity: 1;
         }
@@ -57,7 +63,7 @@ window.grendCAD = (function grendCAD() {
 
       .img {
         display: none;
-        width: 60%;
+        width: 35%;
         object-fit: cover;
         position: fixed;
         top: 50%;
@@ -75,6 +81,11 @@ window.grendCAD = (function grendCAD() {
             height: 100px;
             background: rgba(0, 0, 0, .3);
             border-radius: 5px;
+            background-image: url('./images/map_1.png');
+            background-size: 100% 100%;
+            path {
+              opacity: 0;
+            }
             g.sign>path {
               opacity: 1;
             }
@@ -124,11 +135,11 @@ window.grendCAD = (function grendCAD() {
     loadScript(function () {
       let [$layer, $img] = loadDOM($parent)
 
-      // $layer.addEventListener('click', () => {
-      //   console.log(12)
-      //   $img.src = './images/map_2.png'
-      //   $img.style.display = $img.style.display === 'block' ? 'none' : 'block'
-      // })
+      $layer.addEventListener('click', () => {
+        console.log(12)
+        $img.src = './images/map_2.png'
+        $img.style.display = $img.style.display === 'block' ? 'none' : 'block'
+      })
 
       $layer.style.visibility = 'hidden'
       window.cad = structureCAD({