卡片

属性

属性	类型	默认值	必需	说明
theme	string	null		卡片主题，可选值为 primary success danger warning info secondary none
size	string	null		卡片尺寸，可选值为 small large
color	string	null		卡片颜色，十六进制 RGB 色彩，以 # 开头

元素

每一个卡片需要包含一个 <modules> 元素，<modules> 元素包含卡片的组件。

<card>
    <modules>
        <!-- 卡片组件 -->
    </modules>
</card>

示例 1

使用默认主题、尺寸、颜色的卡片，并包含一个 标题模块。

<card>
  <modules>
    <header>
      <plain>测试卡片</plain>
    </header>
  </modules>
</card>

示例 2

使用 warning 主题、small 尺寸、#aaaaaa 颜色的卡片，并包含一个 标题模块、一个 图片组模块。

<card theme="warning" color="#aaaaaa" size="small">
  <modules>

    <header>
      <plain>测试卡片</plain>
    </header>

    <images>
        <image src="https://img.kaiheila.cn/assets/2021-01/pWsmcLsPJq08c08c.jpeg" />
        <image src="https://img.kaiheila.cn/assets/2021-01/YIfHfnvxaV0dw0dw.jpg" />
        <image src="https://img.kaiheila.cn/assets/2021-01/YevTY6eGJa0fk0f2.jpeg" />
        <image src="https://img.kaiheila.cn/assets/2021-01/r2K9RjHZ4s0xc0xc.jpeg" />
        <image src="https://img.kaiheila.cn/assets/2021-01/klosFRTVy90jz0k0.jpg" />
        <image src="https://img.kaiheila.cn/assets/2021-01/veHnEhzu6c0dw0dv.jpg" />
        <image src="https://img.kaiheila.cn/assets/2021-01/tiVWPIuTrf0dw0dw.jpg" />
        <image src="https://img.kaiheila.cn/assets/2021-01/wExzRIrTeR0j60j7.jpeg" />
        <image src="https://img.kaiheila.cn/assets/2021-01/AybvLWYQgA0dw0dw.jpg" />
      </images>

  </modules>
</card>

示例 3

KOOK 消息编辑器中的投票消息模版。

<card theme="warning">
  <modules>

    <header>
      <plain>朋友们，今晚开黑玩什么游戏？</plain>
    </header>

    <divider />

    <section mode="right">
      <text>
        <kmarkdown>
          **英雄联盟**
          艾欧尼亚，昂扬不灭。
        </kmarkdown>
      </text>
      <accessory>
        <button theme="primary" value="123">
          <plain>+1</plain>
        </button>
      </accessory>
    </section>
    <context>
      <image src="https://img.kaiheila.cn/avatars/2020-09/ov2wQ8r2qZ0dc07i.gif/icon" circle="true"/>
      <image src="https://img.kaiheila.cn/avatars/2020-11/LjtEMkmH3U0hs0hs.jpg/icon" circle="true"/>
      <image src="https://img.kaiheila.cn/avatars/2021-01/YaJKS70ClV04g04g.png/icon" circle="true"/>
      <kmarkdown>
        等12人把票投给了英雄联盟
      </kmarkdown>
    </context>

    <section mode="right">
      <text>
        <kmarkdown>
          **Warframe**
          &lt;&lt;网络连接无响应&gt;&gt;。
        </kmarkdown>
      </text>
      <accessory>
        <button theme="primary" value="123">
          <plain>+1</plain>
        </button>
      </accessory>
    </section>
    <context>
      <image src="https://img.kaiheila.cn/avatars/2020-11/reWIJpyTQt05k05k.png/icon" circle="true"/>
      <image src="https://img.kaiheila.cn/assets/2021-01/qcU601U2IH0xc0pn.png/icon" circle="true"/>
      <image src="https://img.kaiheila.cn/avatars/2020-12/MKUoDHdTVK0u00u0.jpg/icon" circle="true"/>
      <kmarkdown>
        等12人把票投给了Warframe
      </kmarkdown>
    </context>

    <section mode="right">
      <text>
        <kmarkdown>
          **CSGO**
          不听不听，无甲沙鹰。
        </kmarkdown>
      </text>
      <accessory>
        <button theme="primary" value="123">
          <plain>+1</plain>
        </button>
      </accessory>
    </section>
    <context>
      <image src="https://img.kaiheila.cn/avatars/2020-06/q4hNJU6KhU02s02s.jpg/icon" circle="true"/>
      <image src="https://img.kaiheila.cn/avatars/2020-11/acXV4jRb4A08c08c.jpg/icon" circle="true"/>
      <image src="https://img.kaiheila.cn/avatars/2020-06/SbFPjoBb5202s02s.jpg/icon" circle="true"/>
      <kmarkdown>
        等12人把票投给了CSGO
      </kmarkdown>
    </context>

  </modules>
</card>