<template>
  <div class="product-des">
    <el-input
      v-model="website"
      clearable
      placeholder="第三步:竞品的网站，如果有多个用逗号隔开"
    />
  </div>
</template>

<script lang="ts" setup>
import { ref } from 'vue';

const website = ref<string>('');

defineExpose({
  getWebsite: () => website.value
});
</script>

<style lang="scss" scoped>
.product-des {
  :deep(.el-input) {
    width: 504px !important;
    height: 48px !important;
  }

  :deep(.el-input__inner) {
    line-height: 48px;
    font-size: 16px;
    &::placeholder {
      font-weight: 400;
      font-size: 16px;
      color: rgba(40, 46, 48, 0.6);
    }
  }
}
</style>
