smartai2dian0/src/modules/Model/CollapseItem.vue

<template>
  <div class="collapse-item">
    <div class="name">{{ models.name }}</div>
    <a-button type="primary" @click="toUse">{{ $t('management.useBtn') }}</a-button>
    <icon-delete class="delete-icon" @click="toDelete" />
  </div>
</template>

<script setup>
const props = defineProps({
  models: {
    type: Object,
    required: true
  }
});

const toUse = () => {};
const toDelete = () => {};
</script>

<style lang="css" scoped>
.collapse-item {
  display: flex;
  align-items: center;
  gap: 50px;
  padding: 10px 30px;
}
.name {
  min-width: 150px;
  font-size: 14px;
  font-weight: bold;
}

.delete-icon {
  font-size: 20px;
  color: rgb(var(--orange-5));
  cursor: pointer;
}
</style>