BhtContentDetail

文档版本：1.0.0

描述

内容详情组件，用于展示单篇内容的标题、时间和正文。

效果

示例

<bht-content-detail></bht-content-detail>

代码

<bht-content-detail :ref="item.id" :item="item"></bht-content-detail>

或者

<BhtContentDetail :ref="item.id" :item="item"></BhtContentDetail>

参数

参数	类型	必填	默认值	说明
item	Object	否	-	组件配置信息。

配置项

item.config.data 支持的常用字段如下：

key	名称	类型	默认值	说明
width	内容宽度	string	100%	请输入内容宽度
titleStyle	标题样式	string	line-height: 45px; text-align: center;	请输入标题样式
dateStyle	时间样式	string	text-align: right; margin-right: 60px;	请输入时间样式
contentStyle	内容样式	string	font-size: 14px;	请输入内容样式
title	内容标题	query	-	请输入内容标题
orderByColumn	排序字段	query	createDatetime	请输入排序字段
isAsc	排序方式	query	desc	请输入排序方式（可选值：desc、asc）

引入

import { BhtContentDetail } from '@behappyto/cms-ui-vue3'