Блок с отзывами — reviews
Компоненты для отображения списка документов в статьях/разделах.
- Файлы:
- app/components/article-blocks/reviews/AReviews.vue
- app/components/article-blocks/reviews/AReviewsForm.vue
- app/components/article-blocks/reviews/AReviewsItem.vue
AReviews
Быстрый старт
Title
10 октября 2022 г.
Преимущества
Advantages
Недостатки
Disadvatages
Комментарий
Comment
Ответ менеджера
<script setup lang="ts">
import AReviews from 'components/articleBlocks/reviews/AReviews.vue'
const blockContent = {
title: `Title`,
items: [
{
review: {
rating: 3,
comment: 'Comment',
advantages: 'Advantages',
disadvantages: 'Disadvatages'
}
}
]
};
</script>
<template>
<AReviews v-bind="blockContent" />
</template>
API
Props
Использует пропсы, соответствующие интерфейсу BlockReviews на бэке.
Пропсы, непосредственно используемые в компоненте:
| Prop | Type | Обязателен | Описание |
|---|---|---|---|
title | string | да | Заголовок |
items | BlockReviewsItem | да | Список отзывов |
AReviewsForm
Компонент с формой для отзывов. Не имеет пропсов. Только вшитую форму в компоненте DynamicForm и отправление её на бэк
AReviewsItem
Компонент с элементом отзыва
API
Props
Использует пропсы, соответствующие интерфейсу BlockReviewsItem на бэке.
Содержимое пропса reviews, единственного используемого в компоненте:
| props.reviews | Type | Обязателен | Описание |
|---|---|---|---|
rating | number | да | Рейтинг |
advantages | string | нет | Преимущества |
disadvantages | string | нет | Недостатки |
comment | string | да | Комментарий |
manager_comment | string | нет | Комментарий менеджера |
created | string | нет | Дата создания |