UNPKG

@cmstops/pro-compo

Version:

[物料平台文档中心](https://arco.design/docs/material/guide)

37 lines (36 loc) 1.16 kB
import { defineComponent, openBlock, createElementBlock, createElementVNode, createVNode, unref } from "vue"; import _imports_0 from "../images/phone.js"; import { Spin } from "@arco-design/web-vue"; const _hoisted_1 = { class: "iframe-container" }; const _hoisted_2 = { class: "iframe-content" }; const _hoisted_3 = ["src"]; const _hoisted_4 = { key: 1, class: "loading-wrapper" }; const _sfc_main = defineComponent({ __name: "PreviewIframe", props: { src: {} }, setup(__props) { return (_ctx, _cache) => { return openBlock(), createElementBlock("div", _hoisted_1, [ _cache[0] || (_cache[0] = createElementVNode("img", { src: _imports_0, alt: "" }, null, -1)), createElementVNode("div", _hoisted_2, [ _ctx.src ? (openBlock(), createElementBlock("iframe", { key: 0, style: { "overflow": "hidden" }, src: _ctx.src }, null, 8, _hoisted_3)) : (openBlock(), createElementBlock("div", _hoisted_4, [ createVNode(unref(Spin), { loading: true }) ])) ]) ]); }; } }); export { _sfc_main as default };