vue仿写阿里云抽屉动画特效

html

<div class="global">
			<h1>全球1000+密室品牌的信任与选择</h1>
			<div style="width: 100%;height: 223px; background:#3D3D3D ;">
				<ul class="d-flex " id="test" style="width: 1200px;margin: 0 auto;">
					<li class="believe" @mouseenter="changeActive($event,item.id)" @mouseleave="removeActive($event,item.id)" v-for="(item,index) in findout"
					 :key="index" :class="['believe',{'active':index==item.id||index==0}]">
						<p>{
   {
   item.title}}</p>
						<img :src="item.imgs" alt="">
					</li>
					
				</ul>
			</div>

		</div>
		

data()

findout: [