杜永康的博客

项目样式老旧，ui设计较low，虽说现在大众的商城app都使用的是瀑布流布局，且功能更丰富。但本项目仅作为开源学习和技术交流，仅此而已。前端采用搭建vue脚手架处理，使用JavaScript语言，后台采用laravel框架处理，使用php语言。bug丶小狼人。

拖拽，上下左右翻转、旋转，全屏，缩放，缩略图高亮。具体描述如下，缩放级别等数据可以自己改。在哪里改，都有注释，非常清晰。点击缩略图可以在模态框中展示选中的图片，并带有高亮。。可以放大和缩小图片，最大放大到130%，最小缩小到30%。。可以旋转图片，左旋转和右旋转分别是每次旋转90度。。可以上下翻转和水平翻转图片，点击按钮可以进行翻转和恢复默认状态。。可以使用键盘的箭头键进行上一张和下一张图片的切换，同时也支持使用键盘的上下箭头进行放大和缩小。。可以通过拖拽图片进行位置的调整，鼠标按下开始拖拽，松开结束拖拽。

你是否曾遇到在网页上无法直接预览图片，还要额外打开新标签页才能查看的困扰？今天我要向大家介绍一个解决这个问题的强大工具——React图片预览组件！该图片预览组件是基于React技术开发的，具有许多令人惊艳的特点。首先，它可以在当前页面中直接预览图片，省去了频繁切换标签页的烦恼。只需点击图片，即可立即展示高质量的大图，让您一目了然！

🙂博主：爱学习的Akali king。之前出过一个react写法的前端搜索（[react写法——使用js高阶函数实现多条件搜索功能](https://blog.csdn.net/dyk11111/article/details/131256962)）今天我们再研究一下vue中怎么实现。之前用react写法实现前端搜索功能时，我们是从思路出发的，并不局限于框架语言。所以我们用vue实现前端搜索，思路也是一样，还是这三步。不过我们要做一个新的东西，就是封装。因为我们将一个搜索功能写好后，这就相当于是