vue——循环列表里，鼠标移入显示内容，移除隐藏+微信支付页面样式

<div class="item-box" v-for="(item,index) in collectList" :key="index">
						<div class="img" @click="toGood(item)">
							<i class="el-icon-delete" v-if="index===delIndex" @click="delBtn(item)"></i>
							<el-image :showLoading="true" :src="item.exhibition" width="350rpx" height="200rpx"
								@mouseenter="yr(index,index)" @mouseleave="yc(index)"></el-image>
						</div>
						<div class="img-item-title">
							<span>{
  {item.name}}</span>
						</div>
						<div class="price-container">
							<span>￥</span>
							<span>{
  {item.price}}</span>
						</div>
</div>

JS—— 

delIndex: null,
delShow: false, //显示删除（不确定可不可以不加

//显示删除
			yr(index, indexSon) {
				this.enterEvent(index, indexSon)
			},
			enterEvent: debounce(function(index, indexSon) {
				let that = this
				that.delIndex = index
			}, 100),
			yc: debounce(function(index, indexSon) {
				let that = this
				that.delIndex = index
				that.delShow = false//显示删除（不确定可不可以不加
			}, 100),

微信支付

<template>
	<!-- 支付页 -->
	<div class="pa-page">
		<div class="header">
			<div clas