vue-viewer 图片不换行，加了样式还是没有用！

我看了一下，应该是框中那个影响的，但是我整个项目都没有设置这个样式（我印象中没有设置，全局搜索也没找到），其他用到了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>

解决了，scoped的问题，把这个删掉就行了。。。

你直接删掉，样式就会全局化，可以在类名前面加 /deep/ 这样就不用删掉scoped，也能在局部样式表里面调整全局样式，还能避免样式冲突