<template>
    <div class="params-item">
        <div class="params-label">视频名称：</div>
        <div class="params-value">
            <a-input v-model:value="props.params.orientedFilePath"></a-input>
        </div>
    </div>
</template>

<script lang="ts" setup>

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

const props = defineProps(["params"])


defineComponent({
  name: 'startRecord'
})


</script>

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

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

::v-deep .ant-input{
  background:#3c3c3c!important ;
  border:none!important;
  border-top-left-radius: 3px !important;
  border-bottom-left-radius: 3px !important;
  color:#fff!important;
}

::v-deep .ant-input::placeholder{
  color:rgba(255, 255, 255, 0.533)!important;
}

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

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

</style>