<template>
<div>
<input type="text" placeholder="搜一下"/>
</div>
</template>
<script>
export default {
data: () => ({
}),
}
</script>
<style>
input{
cursor: pointer;
width: 100px;
transition: 1s ease-in;
}
input:focus{
width: 200px;
transition: 1s;
}
</style>