@nutui/nutui-react
Version:
京东风格的轻量级移动端 React 组件库，支持一套代码生成 H5 和小程序
49 lines (48 loc) • 2.45 kB
JavaScript
import { _ as __rest } from "./tslib.es6.js";
import React__default from "react";
import classNames from "classnames";
import Price__default from "./Price.js";
import Tag__default from "./Tag.js";
import { C as ComponentDefaults } from "./typings.js";
const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { src: "", title: "", price: "", vipPrice: "", shopDescription: "", delivery: "", shopName: "", description: "", tag: "", priceTag: "", extra: "" });
const Card = (props) => {
const _a = Object.assign(Object.assign({}, defaultProps), props), { className, style, src, title, price, vipPrice, shopDescription, delivery, shopName, tag, priceTag, description, extra } = _a, rest = __rest(_a, ["className", "style", "src", "title", "price", "vipPrice", "shopDescription", "delivery", "shopName", "tag", "priceTag", "description", "extra"]);
const classPrefix = "nut-card";
return React__default.createElement(
"div",
Object.assign({ className: classNames(classPrefix, className), style }, rest),
React__default.createElement(
"div",
{ className: `${classPrefix}-left` },
React__default.createElement("img", { src, alt: "" })
),
React__default.createElement(
"div",
{ className: `${classPrefix}-right` },
React__default.createElement("div", { className: `${classPrefix}-right-title` }, title),
description,
React__default.createElement(
"div",
{ className: `${classPrefix}-right-price` },
price && React__default.createElement(Price__default, { size: "normal", price }),
priceTag || vipPrice && React__default.createElement(Price__default, { size: "normal", className: `${classPrefix}-right-price-origin`, price: vipPrice })
),
React__default.createElement("div", { className: `${classPrefix}-right-other` }, tag || React__default.createElement(
React__default.Fragment,
null,
shopDescription && React__default.createElement(Tag__default, { type: "danger" }, shopDescription),
delivery && React__default.createElement(Tag__default, { plain: true }, delivery)
)),
React__default.createElement(
"div",
{ className: `${classPrefix}-right-shop` },
shopName && React__default.createElement("div", { className: `${classPrefix}-right-shop-name` }, shopName),
extra
)
)
);
};
Card.displayName = "NutCard";
export {
Card as default
};