<template>
    <div class="params-item">
        <div class="params-label">悬停时间：</div>
        <div class="params-value">
            <a-input-number v-model:value="props.params.hoverTime"></a-input-number>
        </div>
        <div class="params-unit">秒</div>
    </div>
</template>

<script lang="ts" setup>

import {defineProps,defineComponent,defineOptions} from 'vue';

const props = defineProps(["params"])


defineComponent({
  name: 'hover'
})


</script>

<style scoped>
.params-item{
  width:100%;
  display: flex;
  gap:20px;
}
.params-item .params-label{ 
    line-height:30px;
}

.params-item .params-value{
  flex:1;
}

.params-item .params-unit{
  line-height:30px;
  padding:0px 5px 0px 15px;
}

::v-deep .ant-input-number{
  color:#fff!important;
  background:#3F4150!important;
  border:0px !important;
}

::v-deep .ant-input-number-input{
  color:#fff!important;
  border:0px !important;
}

</style>