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

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

import { defineComponent as l, openBlock as t, createElementBlock as a, normalizeStyle as o, createCommentVNode as r, renderSlot as s, toDisplayString as c } from "vue";
import { useName as m } from "./hooks.js";
const u = ["src"], d = {
  key: 0,
  class: "text"
}, x = /* @__PURE__ */ l({
  name: "MeSwiperItem",
  __name: "index",
  props: {
    name: {},
    url: { default: "" },
    text: { default: "" },
    background: { default: "" }
  },
  setup(e) {
    return m(e), (n, f) => (t(), a("div", {
      class: "me-swiper-item",
      style: o(`background:${e.background};`)
    }, [
      e.url ? (t(), a("img", {
        key: 0,
        class: "img",
        src: e.url,
        alt: "banner",
        draggable: "false"
      }, null, 8, u)) : r("", !0),
      s(n.$slots, "default", {}, () => [
        e.text ? (t(), a("div", d, c(e.text), 1)) : r("", !0)
      ])
    ], 4));
  }
});
export {
  x as default
};