Browse Source

feat: 添加H5页面banner跳转的界面

332777428@qq.com 2 tháng trước cách đây
mục cha
commit
6bcd10d4ea
1 tập tin đã thay đổi với 35 bổ sung0 xóa
  1. 35 0
      src/pages/banner/index.vue

+ 35 - 0
src/pages/banner/index.vue

@@ -0,0 +1,35 @@
+<template>
+  <div class="iframe-container">
+    <iframe
+      ref="iframeRef"
+      :src="targetUrl"
+      frameborder="0"
+      @load="onIframeLoad"
+      style="width: 100%; height: 800px"
+    ></iframe>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      targetUrl: "",
+    };
+  },
+  /// "https://www.baidu.com"
+  onLoad(e) {
+    var data = e.data;
+    this.targetUrl = data;
+  },
+  methods: {},
+};
+</script>
+
+<style scoped>
+.iframe-container {
+  padding: 20px;
+  background: #fff;
+  border-radius: 8px;
+}
+</style>