| | |
| | | <a-list-item> |
| | | <a-list-item-meta> |
| | | <template #description> |
| | | <div :class="`${prefixCls}__content`">{{ item.content }}</div> |
| | | <div :class="`${prefixCls}__content`"> |
| | | {{ item.content }} |
| | | </div> |
| | | <div :class="`${prefixCls}__action`"> |
| | | <template v-for="(action, index) in actions" :key="index"> |
| | | <div :class="`${prefixCls}__action-item`"> |
| | |
| | | </div> |
| | | </template> |
| | | <template #title> |
| | | <p :class="`${prefixCls}__title`"> {{ item.title }}</p> |
| | | <p :class="`${prefixCls}__title`"> |
| | | {{ item.title }} |
| | | </p> |
| | | <div> |
| | | <template v-for="(tag, index) in item.description" :key="index"> |
| | | <Tag class="mb-2">{{ tag }}</Tag> |
| | | <Tag class="mb-2"> |
| | | {{ tag }} |
| | | </Tag> |
| | | </template> |
| | | </div> |
| | | </template> |
| | |
| | | import { BasicForm } from '/@/components/Form/index'; |
| | | import { actions, searchList, schemas } from './data'; |
| | | import { PageWrapper } from '/@/components/Page'; |
| | | import { List } from 'ant-design-vue'; |
| | | |
| | | export default defineComponent({ |
| | | components: { Icon, Tag, BasicForm, PageWrapper }, |
| | | components: { |
| | | Icon, |
| | | Tag, |
| | | BasicForm, |
| | | PageWrapper, |
| | | [List.name]: List, |
| | | [List.Item.name]: List.Item, |
| | | AListItemMeta: List.Item.Meta, |
| | | }, |
| | | setup() { |
| | | return { |
| | | prefixCls: 'list-search', |
| | |
| | | |
| | | &__container { |
| | | padding: 12px; |
| | | background: #fff; |
| | | background: @component-background; |
| | | } |
| | | |
| | | &__title { |
| | |
| | | } |
| | | |
| | | &__content { |
| | | color: rgba(0, 0, 0, 0.65); |
| | | color: @text-color-secondary; |
| | | } |
| | | |
| | | &__action { |
| | |
| | | &-item { |
| | | display: inline-block; |
| | | padding: 0 16px; |
| | | color: rgba(0, 0, 0, 0.45); |
| | | color: @text-color-secondary; |
| | | |
| | | &:nth-child(1) { |
| | | padding-left: 0; |
| | |
| | | |
| | | &:nth-child(1), |
| | | &:nth-child(2) { |
| | | border-right: 1px solid rgba(206, 206, 206, 0.4); |
| | | border-right: 1px solid @border-color-base; |
| | | } |
| | | } |
| | | |