Due to my busy work recently, MY VUE component library has not been updated for more than a month. During this period of time, in addition to solving the needs, I also helped the project team to make a picture preview component (to replace the old components that were difficult to use). In my spare time these days, I rewrote the preview component at home. Github storage address: github.com/Mryuelaiyue… . The preview component does not rely on any third-party libraries (except loadash 😁), and it works right out of the box, except for the basic left and right swiping between preview images
- Preview the image or close
Click a thumbnail, and the preview opens after the thumbnail enlarges the animation. Tap one of the preview images to close, also with the thumbnail zooming animation, as shown below:
- Double click the preview image to enlarge or restore it. After zooming in, you can swipe up, down and left to view it with one finger
Double click on a preview image to enlarge the local position, double click again to restore, and slide left and right with one finger to view the preview image after amplification, as shown below:
3. Double finger scaling Double finger kneading or opening can realize smooth free scaling, as shown below:
The place of omission still welcome everybody big guy criticism many point out. If you think it is good, please give it a thumbs up 😁😁😁