vue 图片放大左右切换

html部分

<div id="app">
        <div class="imgList">
            <img :src="value" v-for="(value,index) in imgList" :key="value" @click="bigImg(index)">
        </div>
        <div class="imgMask" v-if="showBigImg" @click.stop="showBigImg=!showBigImg">
            <img class="prev"  @click.stop="prev" src="http://cdn.attach.qdfuns.com/notes/pics/201708/28/152301mz6lgplg15rnnrl8.png">
            <div class="showImg" >
                <img class="bigImg" :src="imgList[num]">
            </div>
            <img class="next"  @click.stop="next" src="http://cdn.attach.qdfuns.com/notes/pics/201708/28/152246ozacp0x2pxcecme2.png">
        </div>
    </div>

css 部分

html,body