@aplus-frontend/ui
Version:
73 lines (72 loc) • 1.96 kB
JavaScript
import { defineComponent as n, createElementBlock as r, openBlock as o, createVNode as t, createElementVNode as l, unref as a } from "vue";
import { Skeleton as i } from "@aplus-frontend/antdv";
const s = { style: { marginBlockStart: "32px" } }, c = { style: {
width: "100%",
justifyContent: "space-between",
display: "flex"
} }, p = { style: {
flex: 1,
marginInlineEnd: "24px",
maxWidth: "300px"
} }, v = { style: {
flex: 1,
alignItems: "center",
justifyContent: "center"
} }, m = { style: {
maxWidth: "300px",
margin: "auto"
} }, u = /* @__PURE__ */ n({
__name: "item-large",
props: {
active: { type: Boolean }
},
setup(d) {
return (e, f) => (o(), r("div", s, [
t(a(i).Button, {
active: e.active,
size: "small",
style: { width: "100px", marginBlockEnd: "16px" }
}, null, 8, ["active"]),
l("div", c, [
l("div", p, [
t(a(i), {
active: e.active,
paragraph: !1,
title: { style: { marginBlockStart: 0 } }
}, null, 8, ["active"]),
t(a(i), {
active: e.active,
paragraph: !1,
title: { style: { marginBlockStart: "8px" } }
}, null, 8, ["active"]),
t(a(i), {
active: e.active,
paragraph: !1,
title: { style: { marginBlockStart: "8px" } }
}, null, 8, ["active"])
]),
l("div", v, [
l("div", m, [
t(a(i), {
active: e.active,
paragraph: !1,
title: {
style: { marginBlockStart: 0 }
}
}, null, 8, ["active"]),
t(a(i), {
active: e.active,
paragraph: !1,
title: {
style: { marginBlockStart: "8px" }
}
}, null, 8, ["active"])
])
])
])
]));
}
});
export {
u as default
};