<template>
  <div class="application-unit-container grid-stack-item">
    <div class="application-unit grid-stack-item-content" draggable @dragstart="dragstart">
      <HIcon name='hoteam-system-management' size="large"></HIcon>
      应用名称
    </div>
  </div>
</template>

<script lang='ts'>
import { defineComponent } from 'vue';

export default defineComponent ({
  name: '',

  setup() {
    const dragstart = (e) => {
      console.log(e)
    }

    return {
      dragstart
    }
  },
})
</script>

<style scoped lang='less'>
.application-unit {
  display: flex;
  flex-direction: column;
  width: 100%;
  cursor: pointer;
}
</style>