The web front end uses native JS to zoom in and out the picture pulley

 <img id="bigimg" @mousewheel="zoomimg($event)" style="border:5px solid #fff;" src="" />
Copy the code

 // Zoom the image
    zoomimg(event) {
      var delta = 0;
      if(! event) event =window.event;
      if (event.wheelDelta) {
        delta = event.wheelDelta / 120;
        if (window.opera) delta = -delta;
      } else if (event.detail) {
        delta = -event.detail / 3;
      }
      var img = document.getElementById('bigimg')
      if (delta > 0) {
        var width = img.width;
        img.width = width * 1.1;
      } else if (delta < 0) {
        var width = img.width;
        if (width > 400) {
          img.width = width * 0.9; }}},Copy the code