子组件Hsscroll.vue
<template>
<div class="hsscroll_wrap" :style="{ width: wrapwidth + 'px' }">
<div class="box" ref="box">
<div
class="list"
v-for="(v, index) in list1"
:key="index"
:style="{
left: left[index] + 'px',
width: listwidth - 20 + 'px',
@mouseenter="mouseenter"
@mouseleave="mouseleave"
@click="show(v)"
>
<!-- 展示内容 -->
<p>{ { v.name }}</p>
<img :src="'v.img" />
</div>
</div>
</div>
</template>