@cqmcui/cqmcui/dist/packages/_es/Card.js

轻量级移动端 Vue2、Vue3 组件库（支持小程序开发）

import { c as createComponent } from "./component-81a4c1d0.js";
import { resolveComponent, openBlock, createElementBlock, createElementVNode, toDisplayString, renderSlot, createBlock, createCommentVNode, Fragment, createVNode, withCtx, createTextVNode } from "vue";
import Price from "./Price.js";
import Tag from "./Tag.js";
import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
import "../locale/lang";
import "@cqmcui/icons-vue";
const { create } = createComponent("card");
const _sfc_main = create({
  components: {
    [Price.name]: Price,
    [Tag.name]: Tag
  },
  props: {
    imgUrl: {
      type: String
    },
    title: {
      type: String
    },
    price: {
      type: String
    },
    vipPrice: {
      type: String
    },
    shopDesc: {
      type: String
    },
    delivery: {
      type: String
    },
    shopName: {
      type: String
    },
    isNeedPrice: {
      type: Boolean,
      default: true
    }
  },
  setup(props, { emit, slots }) {
    const isHaveSlot = (slot) => {
      return slots[slot];
    };
    return {
      isHaveSlot
    };
  }
});
const _hoisted_1 = { class: "cqmc-card" };
const _hoisted_2 = { class: "cqmc-card__left" };
const _hoisted_3 = ["src"];
const _hoisted_4 = { class: "cqmc-card__right" };
const _hoisted_5 = { class: "cqmc-card__right__title" };
const _hoisted_6 = {
  key: 0,
  class: "cqmc-card__right__price"
};
const _hoisted_7 = { class: "cqmc-card__right__other" };
const _hoisted_8 = { class: "cqmc-card__right__shop" };
const _hoisted_9 = { class: "cqmc-card__right__shop__name" };
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
  const _component_nut_price = resolveComponent("cqmc-price");
  const _component_nut_tag = resolveComponent("cqmc-tag");
  return openBlock(), createElementBlock("div", _hoisted_1, [
    createElementVNode("div", _hoisted_2, [
      createElementVNode("img", {
        src: _ctx.imgUrl,
        alt: ""
      }, null, 8, _hoisted_3)
    ]),
    createElementVNode("div", _hoisted_4, [
      createElementVNode("div", _hoisted_5, toDisplayString(_ctx.title), 1),
      renderSlot(_ctx.$slots, "prolist"),
      _ctx.isNeedPrice ? (openBlock(), createElementBlock("div", _hoisted_6, [
        _ctx.isHaveSlot("price") ? renderSlot(_ctx.$slots, "price", { key: 0 }) : (openBlock(), createBlock(_component_nut_price, {
          key: 1,
          price: _ctx.price
        }, null, 8, ["price"])),
        _ctx.isHaveSlot("origin") ? renderSlot(_ctx.$slots, "origin", { key: 2 }) : (openBlock(), createBlock(_component_nut_price, {
          key: 3,
          class: "cqmc-card__right__price__origin",
          price: _ctx.vipPrice
        }, null, 8, ["price"]))
      ])) : createCommentVNode("", true),
      createElementVNode("div", _hoisted_7, [
        _ctx.isHaveSlot("shop-tag") ? renderSlot(_ctx.$slots, "shop-tag", { key: 0 }) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
          createVNode(_component_nut_tag, { type: "danger" }, {
            default: withCtx(() => [
              createTextVNode(toDisplayString(_ctx.shopDesc), 1)
            ]),
            _: 1
          }),
          createVNode(_component_nut_tag, { plain: "" }, {
            default: withCtx(() => [
              createTextVNode(toDisplayString(_ctx.delivery), 1)
            ]),
            _: 1
          })
        ], 64))
      ]),
      createElementVNode("div", _hoisted_8, [
        createElementVNode("div", _hoisted_9, toDisplayString(_ctx.shopName), 1),
        renderSlot(_ctx.$slots, "footer")
      ])
    ])
  ]);
}
const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
export {
  index as default
};