MatchMessagesPoster AI 办赛生成海报组件

# MatchMessagesPoster AI 办赛生成海报组件

# 引入

import PressMatchMessagesPoster from "press-next/press-match-messages-poster/press-match-messages-poster";

# 代码演示

# 基础用法

<template>
  <PressMatchMessagesPoster :content="posterContent" />
</template>

<script setup lang="ts">
const posterContent = {
  pic: "https://example.com/poster.jpg",
};
</script>

# API

# Props

参数	说明	类型	默认值
content	海报内容	PosterContent	-

# PosterContent 类型

参数	说明	类型
pic	海报图片地址	string

# 主题定制

组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 ConfigProvider 组件。

# 样式变量

名称	默认值	描述
--pm-poster-width	100%	海报宽度
--pm-poster-height	auto	海报高度
--pm-poster-border-radius	0	海报圆角

← MatchMessagesMode MatchMessagesQuestion →