@cmstops/pro-compo
Version:
[物料平台文档中心](https://arco.design/docs/material/guide)
37 lines (36 loc) • 1.16 kB
JavaScript
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 };