我看了一下,应该是框中那个影响的,但是我整个项目都没有设置这个样式(我印象中没有设置,全局搜索也没找到),其他用到了li的加了display:inline-block直接这行被划横线了,能正常并排,就在这个有问题,直接复制文档例子也会这样,很纳闷!求大佬给个办法,谢谢!
<template>
<div>
<vue-viewer multiple :thumb="list[2].imgList" list-ul-class="image-list" :full="list[2].imgList"></vue-viewer>
</div>
</template>
<script>
export default {
name: "AAA",
props: {
// 列表
list: {
type: Array
},
},
}
</script>
<style scoped>
.image-list {
margin: 0;
padding: 0;
}
.image-list li {
display: inline-block;
margin: 0 10px;
list-style: none;
position: relative;
}
.image-list li img {
box-shadow: 0 0 5px #333;
}
</style>