新增蓝湖导出的web代码 转prefab工具

lanhu-importer/static/common.css

@@ -0,0 +1,68 @@
+body * {
+  box-sizing: border-box;
+  flex-shrink: 0;
+}
+body {
+  font-family: PingFangSC-Regular, Roboto, Helvetica Neue, Helvetica, Tahoma,
+    Arial, PingFang SC-Light, Microsoft YaHei;
+}
+input {
+  background-color: transparent;
+  border: 0;
+}
+button {
+  margin: 0;
+  padding: 0;
+  border: 1px solid transparent;
+  outline: none;
+  background-color: transparent;
+}
+
+button:active {
+  opacity: 0.6;
+}
+.flex-col {
+  display: flex;
+  flex-direction: column;
+}
+.flex-row {
+  display: flex;
+  flex-direction: row;
+}
+.justify-start {
+  display: flex;
+  justify-content: flex-start;
+}
+.justify-center {
+  display: flex;
+  justify-content: center;
+}
+
+.justify-end {
+  display: flex;
+  justify-content: flex-end;
+}
+.justify-evenly {
+  display: flex;
+  justify-content: space-evenly;
+}
+.justify-around {
+  display: flex;
+  justify-content: space-around;
+}
+.justify-between {
+  display: flex;
+  justify-content: space-between;
+}
+.align-start {
+  display: flex;
+  align-items: flex-start;
+}
+.align-center {
+  display: flex;
+  align-items: center;
+}
+.align-end {
+  display: flex;
+  align-items: flex-end;
+}

lanhu-importer/static/flexible.js

@@ -0,0 +1,10 @@
+(function flexible(window, document) {
+  function resetFontSize() {
+    const size = (document.documentElement.clientWidth / 1280) * 37.5;
+    document.documentElement.style.fontSize = size + 'px';
+  }
+
+  // reset root font size on page show or resize
+  window.addEventListener('pageshow', resetFontSize);
+  window.addEventListener('resize', resetFontSize);
+})(window, document);

lanhu-importer/static/index.css

@@ -0,0 +1,169 @@
+.page {
+  position: relative;
+  width: 1280px;
+  height: 720px;
+  overflow: hidden;
+}
+
+.block_1 {
+  height: 720px;
+  background: url(./img/997214e1a0a985bf61478bceec7f9889.png)
+    100% no-repeat;
+  background-size: 100% 100%;
+  width: 1280px;
+}
+
+.block_2 {
+  height: 720px;
+  background: url(./img/aa106e7a62423d10446f89d4675ac8e0.png)
+    100% no-repeat;
+  background-size: 100% 100%;
+  width: 1280px;
+  position: relative;
+}
+
+.box_1 {
+  height: 608px;
+  background: url(./img/3c6ca594aecab281e1e29ca4726dcd73.png)
+    100% no-repeat;
+  background-size: 100% 100%;
+  width: 1050px;
+  position: relative;
+  margin: 19px 0 0 136px;
+}
+
+.image-wrapper_1 {
+  width: 821px;
+  height: 74px;
+  margin: 62px 0 0 132px;
+}
+
+.image_1 {
+  width: 65px;
+  height: 65px;
+  margin-top: 9px;
+}
+
+.image_2 {
+  width: 65px;
+  height: 65px;
+  margin: 9px 0 0 20px;
+}
+
+.image_3 {
+  width: 65px;
+  height: 65px;
+  margin-left: 606px;
+}
+
+.text-wrapper_1 {
+  width: 442px;
+  height: 28px;
+  margin: 5px 0 0 283px;
+}
+
+.text_1 {
+  width: 442px;
+  height: 28px;
+  -webkit-text-stroke: 1px rgba(13, 79, 69, 1);
+  overflow-wrap: break-word;
+  color: rgba(222, 253, 186, 1);
+  font-size: 26px;
+  font-family: Adobe Heiti Std R;
+  font-weight: NaN;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 26px;
+}
+
+.box_2 {
+  width: 604px;
+  height: 242px;
+  margin: 86px 0 111px 128px;
+}
+
+.image_4 {
+  width: 200px;
+  height: 200px;
+}
+
+.group_1 {
+  position: relative;
+  width: 200px;
+  height: 200px;
+  background: url(./img/51545197e304e8b2d06b8f531c5292a6.png)
+    100% no-repeat;
+  background-size: 100% 100%;
+  margin-top: 42px;
+}
+
+.image_5 {
+  position: absolute;
+  left: 126px;
+  top: 77px;
+  width: 200px;
+  height: 200px;
+}
+
+.group_2 {
+  position: absolute;
+  left: -224px;
+  top: 150px;
+  width: 390px;
+  height: 76px;
+  background: url(./img/0fd7c7f98ad2953a9359c2b60e408e3c.png)
+    100% no-repeat;
+  background-size: 100% 100%;
+}
+
+.image_6 {
+  width: 52px;
+  height: 54px;
+  margin: 11px 0 0 47px;
+}
+
+.text_2 {
+  width: 196px;
+  height: 38px;
+  overflow-wrap: break-word;
+  color: rgba(255, 245, 137, 1);
+  font-size: 48px;
+  font-family: Adobe Heiti Std R;
+  font-weight: NaN;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 48px;
+  margin: 19px 59px 0 36px;
+}
+
+.image_7 {
+  position: absolute;
+  left: 295px;
+  top: 141px;
+  width: 200px;
+  height: 200px;
+}
+
+.image-wrapper_2 {
+  position: absolute;
+  left: 0;
+  top: 627px;
+  width: 1280px;
+  height: 94px;
+}
+
+.image_8 {
+  position: absolute;
+  left: 683px;
+  top: -52px;
+  width: 328px;
+  height: 106px;
+}
+
+.image_9 {
+  position: absolute;
+  left: 269px;
+  top: -52px;
+  width: 328px;
+  height: 106px;
+}

lanhu-importer/static/index.html

@@ -0,0 +1,82 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Document</title>
+    <script src="./flexible.js"></script>
+    <link rel="stylesheet" type="text/css" href="./common.css" />
+    <link rel="stylesheet" type="text/css" href="./index.css" />
+  </head>
+  <body>
+    <div class="page flex-col">
+      <div class="block_1 flex-col">
+        <div class="block_2 flex-col">
+          <div class="box_1 flex-col">
+            <div class="image-wrapper_1 flex-row">
+              <img
+                class="image_1"
+                referrerpolicy="no-referrer"
+                src="./img/58fc4864b3fc4fe84dc0841a97ff3353.png"
+              />
+              <img
+                class="image_2"
+                referrerpolicy="no-referrer"
+                src="./img/49e3cd439c80b158344ee46c9e9775dc.png"
+              />
+              <img
+                class="image_3"
+                referrerpolicy="no-referrer"
+                src="./img/c573e9a83c91b95af0278b4045e65195.png"
+              />
+            </div>
+            <div class="text-wrapper_1 flex-row">
+              <span class="text_1">
+                Coin&nbsp;can&nbsp;only&nbsp;be&nbsp;used&nbsp;for&nbsp;"Coin&nbsp;Games"&nbsp;.
+              </span>
+            </div>
+            <div class="box_2 flex-row justify-between">
+              <img
+                class="image_4"
+                referrerpolicy="no-referrer"
+                src="./img/48017587b2dfee372113ea345a1cdb76.png"
+              />
+              <div class="group_1 flex-col">
+                <img
+                  class="image_5"
+                  referrerpolicy="no-referrer"
+                  src="./img/4f48b4c863d6a37626a163cb7f7c0054.png"
+                />
+                <div class="group_2 flex-row">
+                  <img
+                    class="image_6"
+                    referrerpolicy="no-referrer"
+                    src="./img/11d1bc5b2dec045d9fddefde5422889d.png"
+                  />
+                  <span class="text_2">34567.45</span>
+                </div>
+              </div>
+            </div>
+            <img
+              class="image_7"
+              referrerpolicy="no-referrer"
+              src="./img/a78697ea96a44949123b178a3a8fa0e9.png"
+            />
+          </div>
+          <div class="image-wrapper_2 flex-col">
+            <img
+              class="image_8"
+              referrerpolicy="no-referrer"
+              src="./img/dabc31976f0bd909ef83f1139e785726.png"
+            />
+            <img
+              class="image_9"
+              referrerpolicy="no-referrer"
+              src="./img/66505809d15496aa8379527f44291871.png"
+            />
+          </div>
+        </div>
+      </div>
+    </div>
+  </body>
+</html>

lanhu-importer/static/index.rem.css

@@ -0,0 +1,173 @@
+html {
+  font-size: 37.5px;
+}
+
+.page {
+  position: relative;
+  width: 34.134rem;
+  height: 19.2rem;
+  overflow: hidden;
+}
+
+.block_1 {
+  height: 19.2rem;
+  background: url(./img/997214e1a0a985bf61478bceec7f9889.png)
+    100% no-repeat;
+  background-size: 100% 100%;
+  width: 34.134rem;
+}
+
+.block_2 {
+  height: 19.2rem;
+  background: url(./img/aa106e7a62423d10446f89d4675ac8e0.png)
+    100% no-repeat;
+  background-size: 100% 100%;
+  width: 34.134rem;
+  position: relative;
+}
+
+.box_1 {
+  height: 16.214rem;
+  background: url(./img/3c6ca594aecab281e1e29ca4726dcd73.png)
+    100% no-repeat;
+  background-size: 100% 100%;
+  width: 28rem;
+  position: relative;
+  margin: 0.507rem 0 0 3.627rem;
+}
+
+.image-wrapper_1 {
+  width: 21.894rem;
+  height: 1.974rem;
+  margin: 1.654rem 0 0 3.52rem;
+}
+
+.image_1 {
+  width: 1.734rem;
+  height: 1.734rem;
+  margin-top: 0.24rem;
+}
+
+.image_2 {
+  width: 1.734rem;
+  height: 1.734rem;
+  margin: 0.24rem 0 0 0.534rem;
+}
+
+.image_3 {
+  width: 1.734rem;
+  height: 1.734rem;
+  margin-left: 16.16rem;
+}
+
+.text-wrapper_1 {
+  width: 11.787rem;
+  height: 0.747rem;
+  margin: 0.134rem 0 0 7.547rem;
+}
+
+.text_1 {
+  width: 11.787rem;
+  height: 0.747rem;
+  -webkit-text-stroke: 1px rgba(13, 79, 69, 1);
+  overflow-wrap: break-word;
+  color: rgba(222, 253, 186, 1);
+  font-size: 0.693rem;
+  font-family: Adobe Heiti Std R;
+  font-weight: NaN;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 0.694rem;
+}
+
+.box_2 {
+  width: 16.107rem;
+  height: 6.454rem;
+  margin: 2.294rem 0 2.96rem 3.414rem;
+}
+
+.image_4 {
+  width: 5.334rem;
+  height: 5.334rem;
+}
+
+.group_1 {
+  position: relative;
+  width: 5.334rem;
+  height: 5.334rem;
+  background: url(./img/51545197e304e8b2d06b8f531c5292a6.png)
+    100% no-repeat;
+  background-size: 100% 100%;
+  margin-top: 1.12rem;
+}
+
+.image_5 {
+  position: absolute;
+  left: 3.36rem;
+  top: 2.054rem;
+  width: 5.334rem;
+  height: 5.334rem;
+}
+
+.group_2 {
+  position: absolute;
+  left: -5.973rem;
+  top: 4rem;
+  width: 10.4rem;
+  height: 2.027rem;
+  background: url(./img/0fd7c7f98ad2953a9359c2b60e408e3c.png)
+    100% no-repeat;
+  background-size: 100% 100%;
+}
+
+.image_6 {
+  width: 1.387rem;
+  height: 1.44rem;
+  margin: 0.294rem 0 0 1.254rem;
+}
+
+.text_2 {
+  width: 5.227rem;
+  height: 1.014rem;
+  overflow-wrap: break-word;
+  color: rgba(255, 245, 137, 1);
+  font-size: 1.28rem;
+  font-family: Adobe Heiti Std R;
+  font-weight: NaN;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 1.28rem;
+  margin: 0.507rem 1.574rem 0 0.96rem;
+}
+
+.image_7 {
+  position: absolute;
+  left: 7.867rem;
+  top: 3.76rem;
+  width: 5.334rem;
+  height: 5.334rem;
+}
+
+.image-wrapper_2 {
+  position: absolute;
+  left: 0;
+  top: 16.72rem;
+  width: 34.134rem;
+  height: 2.507rem;
+}
+
+.image_8 {
+  position: absolute;
+  left: 18.214rem;
+  top: -1.386rem;
+  width: 8.747rem;
+  height: 2.827rem;
+}
+
+.image_9 {
+  position: absolute;
+  left: 7.174rem;
+  top: -1.386rem;
+  width: 8.747rem;
+  height: 2.827rem;
+}

lanhu-importer/static/index.response.css

@@ -0,0 +1,169 @@
+.page {
+  position: relative;
+  width: 100vw;
+  height: 56.25vw;
+  overflow: hidden;
+}
+
+.block_1 {
+  height: 56.25vw;
+  background: url(./img/997214e1a0a985bf61478bceec7f9889.png)
+    100% no-repeat;
+  background-size: 100% 100%;
+  width: 100vw;
+}
+
+.block_2 {
+  height: 56.25vw;
+  background: url(./img/aa106e7a62423d10446f89d4675ac8e0.png)
+    100% no-repeat;
+  background-size: 100% 100%;
+  width: 100vw;
+  position: relative;
+}
+
+.box_1 {
+  height: 47.5vw;
+  background: url(./img/3c6ca594aecab281e1e29ca4726dcd73.png)
+    100% no-repeat;
+  background-size: 100% 100%;
+  width: 82.04vw;
+  position: relative;
+  margin: 1.48vw 0 0 10.62vw;
+}
+
+.image-wrapper_1 {
+  width: 64.15vw;
+  height: 5.79vw;
+  margin: 4.84vw 0 0 10.31vw;
+}
+
+.image_1 {
+  width: 5.08vw;
+  height: 5.08vw;
+  margin-top: 0.71vw;
+}
+
+.image_2 {
+  width: 5.08vw;
+  height: 5.08vw;
+  margin: 0.7vw 0 0 1.56vw;
+}
+
+.image_3 {
+  width: 5.08vw;
+  height: 5.08vw;
+  margin-left: 47.35vw;
+}
+
+.text-wrapper_1 {
+  width: 34.54vw;
+  height: 2.19vw;
+  margin: 0.39vw 0 0 22.1vw;
+}
+
+.text_1 {
+  width: 34.54vw;
+  height: 2.19vw;
+  -webkit-text-stroke: 1px rgba(13, 79, 69, 1);
+  overflow-wrap: break-word;
+  color: rgba(222, 253, 186, 1);
+  font-size: 2.03vw;
+  font-family: Adobe Heiti Std R;
+  font-weight: NaN;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 2.04vw;
+}
+
+.box_2 {
+  width: 47.19vw;
+  height: 18.91vw;
+  margin: 6.71vw 0 8.67vw 10vw;
+}
+
+.image_4 {
+  width: 15.63vw;
+  height: 15.63vw;
+}
+
+.group_1 {
+  position: relative;
+  width: 15.63vw;
+  height: 15.63vw;
+  background: url(./img/51545197e304e8b2d06b8f531c5292a6.png)
+    100% no-repeat;
+  background-size: 100% 100%;
+  margin-top: 3.29vw;
+}
+
+.image_5 {
+  position: absolute;
+  left: 9.85vw;
+  top: 6.02vw;
+  width: 15.63vw;
+  height: 15.63vw;
+}
+
+.group_2 {
+  position: absolute;
+  left: -17.5vw;
+  top: 11.72vw;
+  width: 30.47vw;
+  height: 5.94vw;
+  background: url(./img/0fd7c7f98ad2953a9359c2b60e408e3c.png)
+    100% no-repeat;
+  background-size: 100% 100%;
+}
+
+.image_6 {
+  width: 4.07vw;
+  height: 4.22vw;
+  margin: 0.85vw 0 0 3.67vw;
+}
+
+.text_2 {
+  width: 15.32vw;
+  height: 2.97vw;
+  overflow-wrap: break-word;
+  color: rgba(255, 245, 137, 1);
+  font-size: 3.75vw;
+  font-family: Adobe Heiti Std R;
+  font-weight: NaN;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 3.75vw;
+  margin: 1.48vw 4.6vw 0 2.81vw;
+}
+
+.image_7 {
+  position: absolute;
+  left: 23.05vw;
+  top: 11.02vw;
+  width: 15.63vw;
+  height: 15.63vw;
+}
+
+.image-wrapper_2 {
+  position: absolute;
+  left: 0;
+  top: 48.99vw;
+  width: 100vw;
+  height: 7.35vw;
+}
+
+.image_8 {
+  position: absolute;
+  left: 53.36vw;
+  top: -4.06vw;
+  width: 25.63vw;
+  height: 8.29vw;
+}
+
+.image_9 {
+  position: absolute;
+  left: 21.02vw;
+  top: -4.06vw;
+  width: 25.63vw;
+  height: 8.29vw;
+}