mine-h5-ui/es/MeCoupon/index.vue.js

一款轻量级、模块化基于 Vue3.x 的 H5 前端 UI 组件库 👍

import { defineComponent as t, createElementBlock as d, openBlock as i, normalizeStyle as l, createElementVNode as r, renderSlot as o } from "vue";
/*!
          * mine-h5-ui v2.15.0
          * Copyright (c) 2025 biaov
          * @license MIT
          */
const a = { class: "content" }, s = /* @__PURE__ */ t({
  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(c) {
    return (e, u) => (i(), d("div", {
      class: "me-coupon",
      style: l(`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};`)
    }, [
      r("div", a, [
        o(e.$slots, "default")
      ]),
      r("span", {
        class: "circle",
        style: l(`left:${e.circleX};`)
      }, null, 4),
      r("span", {
        class: "circle",
        style: l(`left:${e.circleX};`)
      }, null, 4)
    ], 4));
  }
});
export {
  s as default
};