Browse Source

refactor(product): topic 切换组件由 Radio 修改为 Segmented

main
刘凯 1 year ago
parent
commit
73157d4cae
  1. 14
      src/views/product/components/TopicManage.vue

14
src/views/product/components/TopicManage.vue

@ -1,5 +1,5 @@
<script setup lang="ts"> <script setup lang="ts">
import { Alert, Radio } from 'ant-design-vue' import { Alert, Segmented } from 'ant-design-vue'
import { computed, ref, watch } from 'vue' import { computed, ref, watch } from 'vue'
import { useRoute } from 'vue-router' import { useRoute } from 'vue-router'
import { PlusOutlined } from '@ant-design/icons-vue' import { PlusOutlined } from '@ant-design/icons-vue'
@ -82,14 +82,10 @@ async function handleDelete(id: string) {
<template> <template>
<div> <div>
<div flex="! items-center wrap gap-12px" mb="12px"> <div flex="! items-center wrap gap-12px" mb="12px">
<Radio.Group v-model:value="topicType" button-style="solid"> <Segmented
<Radio.Button :value="TopicType.System"> v-model:value="topicType"
系统 Topic :options="[{ label: '系统 Topic', value: TopicType.System }, { label: '自定义 Topic', value: TopicType.Custom }]"
</Radio.Button> />
<Radio.Button :value="TopicType.Custom">
自定义 Topic
</Radio.Button>
</Radio.Group>
<Alert :message="alertMessage" type="info" show-icon class="py-4px" /> <Alert :message="alertMessage" type="info" show-icon class="py-4px" />
</div> </div>

Loading…
Cancel
Save