From 0a33e118cc6a6100baad5d95f3c31cab19097bdb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=8E=8B=E5=A5=A5=E6=96=AF?= <9068149@qq.com>
Date: Thu, 27 Jan 2022 11:09:59 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E9=A2=84=E8=A7=88=E5=8A=9F=E8=83=BD?=
 =?UTF-8?q?=E5=A2=9E=E5=8A=A0=20=E5=8A=A0=E8=BD=BD=E4=B8=AD=20=E6=8F=90?=
 =?UTF-8?q?=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/realTimeView/index.vue         |  7 ++++
 .../rightslider/magiccubestyle/index.vue      | 33 +++++++++----------
 2 files changed, 22 insertions(+), 18 deletions(-)

diff --git a/src/components/realTimeView/index.vue b/src/components/realTimeView/index.vue
index f7123d0..1061cb8 100644
--- a/src/components/realTimeView/index.vue
+++ b/src/components/realTimeView/index.vue
@@ -10,6 +10,7 @@
         :src="'http://was666.gitee.io/as-editor-h5/#/?type=iframe'"
         @load="load"
       ></iframe>
+      <van-loading v-if="loading" size="24px" vertical>加载中</van-loading>
     </el-dialog>
   </div>
 </template>
@@ -23,8 +24,14 @@ export default {
     },
     val:Object
   },
+  data() {
+    return {
+      loading: true
+    }
+  },
   methods: {
     load() {
+      this.loading = false
       this.$refs["iframe"].contentWindow.postMessage(this.val, "*");
     },
   },
diff --git a/src/components/rightslider/magiccubestyle/index.vue b/src/components/rightslider/magiccubestyle/index.vue
index c0941be..6651a89 100644
--- a/src/components/rightslider/magiccubestyle/index.vue
+++ b/src/components/rightslider/magiccubestyle/index.vue
@@ -243,21 +243,8 @@
           />
           <div v-else style="position: relative">
             <img draggable="false" :src="item.src" alt="" />
-            <p
-              style="
-                width: 100%;
-                background: #999;
-                position: absolute;
-                left: 0;
-                bottom: 0;
-                color: #fff;
-                font-size: 5px;
-                text-align: center;
-                height: 20px;
-                line-hright: 20px;
-              "
-            >
-              点击跟换图片图片
+            <p>
+              点击更换图
             </p>
           </div>
         </div>
@@ -423,8 +410,7 @@ export default {
       if (this.datas.rubiksCubeType === 6) return '一左三右'
     },
   },
-  created() {
-  },
+  created() {},
   methods: {
     /* 替换 */
     uploadInformation(res) {
@@ -567,7 +553,7 @@ export default {
       cursor: pointer;
       img {
         width: 100%;
-        height: 100%;
+        height: 60px;
         display: inline-block;
       }
       span {
@@ -583,6 +569,17 @@ export default {
         height: 20px;
         line-height: 20px;
       }
+      p {
+        width: 100%;
+        background: #999;
+        position: absolute;
+        left: 0;
+        bottom: 5px;
+        color: #fff;
+        font-size: 5px;
+        text-align: center;
+        height: 20px;
+      }
     }
 
     /* 图片字 */