mine-h5-ui
Version:
一款轻量级、模块化基于 Vue3.x 的 H5 前端 UI 组件库 👍
38 lines (37 loc) • 1.17 kB
JavaScript
import { defineComponent as d, openBlock as i, createElementBlock as a, normalizeStyle as t, createElementVNode as l, renderSlot as r } from "vue";
const u = { class: "content" }, f = /* @__PURE__ */ d({
name: "MeCoupon",
__name: "index",
props: {
width: { default: "100%" },
height: { default: "auto" },
border: { default: "" },
radius: { default: "4px" },
background: { default: "#f5f5f5" },
circleSize: { default: "20px" },
circleX: { default: "30%" },
circleBg: { default: "#fff" },
outWidth: { default: "100%" }
},
setup(e) {
return (c, n) => (i(), a("div", {
class: "me-coupon",
style: t(`width:${e.width};height:${e.height};border-radius:${e.radius};background:${e.background};--border:${e.border};--circle-size:${e.circleSize};--circle-bg:${e.circleBg};--out-width:${e.outWidth};`)
}, [
l("div", u, [
r(c.$slots, "default")
]),
l("span", {
class: "circle",
style: t(`left:${e.circleX};`)
}, null, 4),
l("span", {
class: "circle",
style: t(`left:${e.circleX};`)
}, null, 4)
], 4));
}
});
export {
f as default
};