MMCard 卡片组件

Props

ICardProps

属性	类型	默认值	必传	说明
title	ReactNode		否	标题
extra	ReactNode		否	标题右侧
size	ComponentSize		否	尺寸

代码示例

import MMPageContainer from "../../components/pageComponents/pageContainer";
import MMCard from "../../components/card";
import { H3 } from "../../components/head";
import { View } from "@tarojs/components";

export default () => {
  return (
    <MMPageContainer title="MMCard 卡片">
      <H3 text="默认卡片" />
      <MMCard title="卡片标题" extra={<View>额外信息{">"}</View>}>
        卡片标题
      </MMCard>

      <View style={{ height: 15 }} />
      <H3 text="不同尺寸" />
      <MMCard title="卡片标题" size="small">
        small
      </MMCard>

      <View style={{ height: 15 }} />
      <MMCard title="卡片标题" size="large">
        large
      </MMCard>
    </MMPageContainer>
  );
};