card 卡片组件

卡片组件（Card component）是一种常见的 UI元素，用于在用户界面上呈现一些相关的信息或内容。它通常由一个矩形或方形的容器组成，内部包含标题、文本、图像、按钮等元素，用于展示一个模块化的、自包含的信息块。

Props参数

名称	类型	是否必传	默认值	描述
title	ReactNode	否	-	标题
extra	ReactNode	否	-	标题右侧
size	ComponentSize	否	-	尺寸

示例

import { View } from '@tarojs/components'
import H3 from '../_components/h3'
import MMPageContainer from '../_components/page-container'
import MMCard from '~/components/card'
import MMSpace from '~/components/space'
import MMIconFont from '~/components/icon-font'
import MMIconFontName from '~/components/icon-font/const'

export default () => {
  return (
    <MMPageContainer title="卡片">
      <View className="spacing" />
      <H3>基础使用</H3>
      <View className="spacing" />

      <MMCard
        title={
          <MMSpace>
            <MMIconFont value={MMIconFontName.Add} size={13} />
            <View>标题</View>
          </MMSpace>
        }
        extra={<MMIconFont value={MMIconFontName.More} />}
      >
        内容
      </MMCard>
    </MMPageContainer>
  )
}