@vrx-arco/pro-components
Version:
<p align="center"> <img src="https://vrx-arco.github.io/arco-design-pro/favicon.svg" width="200" height="250"> </p>
27 lines (26 loc) • 793 B
JavaScript
import { style } from "../style/var.js";
import { createVNode, defineComponent } from "vue";
const LoginBanner = /* @__PURE__ */ defineComponent({
name: "vrx-arco-login-banner",
props: {
title: String,
subtitle: String,
image: String
},
setup: (props, { slots }) => {
const { bemClass } = style("login-page-banner");
return () => {
const { title, subtitle, image } = props;
return createVNode("div", { "class": bemClass() }, [
slots.title?.() || createVNode("div", { "class": bemClass("__title") }, [title]),
slots.subtitle?.() || createVNode("div", { "class": bemClass("__subtitle") }, [subtitle]),
image && createVNode("img", {
"class": bemClass("__image"),
"src": image,
"alt": "banner"
}, null)
]);
};
}
});
export { LoginBanner };