.magnify{位置:相对;.preview-box{宽度:480px;高度:480px;边框:1px实心#dededd;位置:相对;&:hover.hover-box{显示:块;}.hover-box{位置:绝对;显示:无;左:0;顶部:0;宽度:100px;高度:100px;边框:1px实心#545454;背景:url('https://img-tmdetail.alicdn.com/tps/i4/T12pdtXaldXXXXXXXX-2-2.png')重复00;光标:移动;用户选择:无;}}.zoom-box{宽度:480px;高度:480px;溢出:隐藏;位置:绝对;左:485px;边框:1px实心#dc7a7a;;顶部:0;img{位置:绝对;顶部:0;左:0;}}}原作者地址:https://github.com/lemontree2...经测试,原插件在使用时有一个bug,就是预览时鼠标滚动,导致遮罩层的计算出错。我已经修复了这个错误,我会在这里分享它。组件核心代码: