feat: 预览功能增加 加载中 提示

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, "*");
     },
   },

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;
+      }
     }
 
     /* 图片字 */