fuse-code/src/layout/model-list/sign.vue

<template>
  <div class="model-header">
    <p>{{ model.title }}</p>
    <div class="model-action" @click.stop>
      <ui-input type="checkbox" v-model="show" />
      <ui-icon type="del" ctrl @click="$emit('delete')" />
    </div>
  </div>
  <div class="model-desc">
    <p><span>数据来源：</span>四维看看</p>
    <p><span>数据大小：</span>222MB</p>
    <p><span>拍摄时间：</span>2022-5-1</p>
  </div>
</template>

<script lang="ts" setup>
import { getModelShowVariable } from '@/store'

import type { Model } from '@/store'

type ModelProps = { model: Model }
const props = defineProps<ModelProps>()

type ModelEmits = {
  (e: 'changeSelect', selected: boolean): void
  (e: 'delete'): void
}
defineEmits<ModelEmits>();

const show = getModelShowVariable(props.model)

</script>

<style lang="scss" scoped src="./style.scss"></style>