Vue3-resourceAppearance
图片组件
vue-cropper
vue-cropper 是一个基于 Vue.js 的图片裁剪组件。它使用了 cropperjs 库，提供了裁剪预览、缩放控制、图片旋转等基本功能，还支持上传裁剪后的图片到服务器等操作。vue-cropper 支持移动端和 PC 端，可以轻松地集成到 Vue.js 项目中，并提供了丰富的配置选项。
资源地址
特点
- 基于 Vue.js 的图片裁剪组件。
- 使用了 cropperjs 库，提供裁剪预览、缩放控制、图片旋转等基本功能。
- 支持上传裁剪后的图片到服务器等操作。
- 支持移动端和 PC 端。
- 可以轻松地集成到 Vue.js 项目中。
- 提供丰富的配置选项。
- 文档详细，提供示例展示。
- 受到广泛的社区支持，得到持续更新和维护。
vue-gallery
Vue-Gallery 是一个易于使用的、基于 Vue.js 的图片浏览组件。Vue-Gallery 可以从图像对象数组、图像 URL 数组或单个图像 URL 中创建图像浏览器。支持键盘导航、图像标题、缩略图视图等功能。
资源地址
特点
- 基于 Vue.js 的图片浏览组件。
- 可以从图像对象数组、图像 URL 数组或单个图像 URL 中创建图像浏览器。
- 支持键盘导航、图像标题、缩略图视图等功能。
- 可以自定义大量选项和样式。
- 可以轻松地集成到 Vue.js 项目中。
- 支持移动端和 PC 端。
- 文档详细，提供示例展示。
vue-preview
vue-preview 是一个基于 Vue.js 的图片预览组件。它使用了 PhotoSwipe 库，提供了灵活的卡片布局和拖拽等功能，并支持手势缩放、分享等高级特性，支持多个图片预览和列表滚动时的无限加载。vue-preview 还提供了多种展示样式和配置选项，可以根据不同需求来自定义显示效果。
资源地址
特点
- 基于 Vue.js 的图片预览组件。
- 使用 PhotoSwipe 库，提供灵活的卡片布局和拖拽等功能。
- 支持手势缩放、分享等高级特性。
- 支持多个图片预览和列表滚动时的无限加载。
- 提供多种展示样式和配置选项，可以自定义显示效果。
- 支持移动端和 PC 端。
- 可以轻松地集成到 Vue.js 项目中。
- 文档齐全，提供示例展示。
- 受到广泛的社区支持，得到持续更新和维护。
vue-croppa
Vue-Croppa 是一个易于使用的、基于 Vue.js 的图片裁剪组件。它可以轻松地将图片裁剪需要的大小，支持缩放、旋转、裁剪等操作。Vue-Croppa 支持上传到服务器并返回裁剪后的图片，也可以将裁剪后的图片压缩为 base64 编码作为数据保存。
资源地址
特点
- 基于 Vue.js 的图片裁剪组件。
- 支持缩放、旋转、裁剪等操作。
- 可以上传到服务器并返回裁剪后的图片。
- 可以将裁剪后的图片压缩为 base64 编码。
- 支持移动端和 PC 端。
- 可以轻松地集成到 Vue.js 项目中。
- 提供了多种配置选项和 API。
- 支持多语言。
- 文档详细，提供示例展示。
- 受到广泛的社区支持，得到持续更新和维护。
vue-image-crop-upload
Vue Image Crop Upload 是一个基于 Vue.js 的图片裁剪上传组件。它可以对图片进行裁剪，支持旋转、缩放等交互操作，并提供了多种裁剪比例和尺寸可供选择。Vue Image Crop Upload 可以上传裁剪后的图片，支持通过 URL 或 Blob 对象进行图片加载和保存。
资源地址
特点
- 基于 Vue.js 的图片裁剪上传组件。
- 可以对图片进行裁剪，支持旋转、缩放等交互操作。
- 提供了多种裁剪比例和尺寸可供选择。
- 可以上传裁剪后的图片。
- 支持通过 URL 或 Blob 对象进行图片加载和保存。
- 支持移动端和 PC 端。
- 可以轻松地集成到 Vue.js 项目中。
- 提供了多种配置选项和 API。
- 文档详细，提供示例展示。
- 受到广泛的社区支持，得到持续更新和维护。
vue-photo-preview
Vue Photo Preview 是一个轻量级的、基于 Vue.js 的图片预览组件。它支持加载网络图片，提供了多种显示方式和交互效果，如缩放、旋转、滑动等。Vue Photo Preview 还提供了多种配置选项和插件扩展，可以自定义样式和功能，如显示水印、缓存图片等。
资源地址
特点
- 基于 Vue.js 的图片预览组件。
- 支持加载网络图片。
- 提供了多种显示方式和交互效果，如缩放、旋转、滑动等。
- 提供了多种配置选项和插件扩展，可以自定义样式和功能。
- 支持移动端和 PC 端。
- 可以轻松地集成到 Vue.js 项目中。
- 文档详细，提供示例展示。
- 受到广泛的社区支持，得到持续更新和维护。
vue-picture-preview
Vue Picture Preview 是一个基于 Vue.js 的图片预览组件。它支持加载网络图片、本地图片，提供了多种显示方式和交互效果，如缩放、旋转、滑动等。Vue Picture Preview 还提供了多种配置选项和插件扩展，可以自定义样式和功能，如预览图片数量、查看原图、旋转的角度等。
资源地址
特点
- 基于 Vue.js 的图片预览组件。
- 支持加载网络图片、本地图片。
- 提供了多种显示方式和交互效果，如缩放、旋转、滑动等。
- 提供了多种配置选项和插件扩展，可以自定义样式和功能。
- 支持移动端和 PC 端。
- 可以轻松地集成到 Vue.js 项目中。
- 文档详细，提供示例展示。
- 受到广泛的社区支持，得到持续更新和维护。
vue-avatar-cropper
Vue Avatar Cropper 是一个基于 Vue.js 和 Cropper.js 的头像裁剪组件。它可以对上传的图片进行裁剪、缩放、旋转等操作，并支持自定义裁剪区域大小和比例。Vue Avatar Cropper 支持上传裁剪后的图片，支持设置上传文件格式、大小限制等，可以方便地集成到 Vue.js 项目中。
资源地址
特点
- 基于 Vue.js 和 Cropper.js 的头像裁剪组件。
- 可以对上传的图片进行裁剪、缩放、旋转等操作。
- 支持自定义裁剪区域大小和比例。
- 可以上传裁剪后的图片。
- 支持设置上传文件格式、大小限制等。
- 可以轻松地集成到 Vue.js 项目中。
- 提供了多种配置选项和 API。
- 文档详细，提供示例展示。
- 受到广泛的社区支持，得到持续更新和维护。
vue-advanced-cropper
Vue Advanced Cropper是一个基于Vue.js和cropperjs的图像裁剪组件。它提供了许多高级功能。它支持裁剪、缩放、旋转等操作，并提供了多种样式和交互效果，如网格线、对角线等。Vue Advanced Cropper支持上传裁剪后的图像，支持设置上传文件格式、大小限制等，并且可以集成与您的Vue.js项目中。
资源地址
特点
- 基于 Vue.js 和 cropperjs 的图像裁剪组件。
- 支持裁剪、缩放、旋转等高级操作。
- 提供了多种样式和交互效果，如网格线、对角线等。
- 支持上传裁剪后的图像。
- 支持设置上传文件格式、大小限制等。
- 可以轻松地集成到 Vue.js 项目中。
vue-upload-multiple-image
vue-upload-multiple-image 是一个使用 Vue.js 和 Axios 的多图片上传组件。它支持图片的预览、裁剪、压缩、上传等操作，并支持设置上传文件大小、格式等限制。Vue Multi Image Upload 还可以根据不同的需求进行自定义配置和扩展，如上传文件夹、一键上传等等。
资源地址
特点
- 使用 Vue.js 和 Axios 的多图片上传组件。
- 支持图片的预览、裁剪、压缩、上传等操作。
- 支持设置上传文件大小、格式等限制。
- 可以根据不同的需求进行自定义配置和扩展。
- 可以轻松地集成到 Vue.js 项目中。
- 文档详细，提供示例展示。
- 受到广泛的社区支持，得到持续更新和维护。
vue-uploader
Vue Uploader 是一个基于 Vue.js 和 Node.js 的文件上传组件。它支持多文件上传、图片预览、进度提示等功能，并可以设置上传文件大小、格式等限制。Vue Uploader 还可以轻松地集成到 Vue.js 项目中，并且易于扩展和自定义。
资源地址
特点
- 基于 Vue.js 和 Node.js 的文件上传组件。
- 支持多文件上传、图片预览、进度提示等功能。
- 可以设置上传文件大小、格式等限制。
- 可以轻松地集成到 Vue.js 项目中。
- 易于扩展和自定义。
- 文档详细，提供示例展示。
- 受到广泛的社区支持，得到持续更新和维护。
vue-lazyload
Vue-lazyload 是一个基于 Vue.js 的图片懒加载开源组件，它可以帮助您优化网页性能，提高用户体验。Vue-lazyload 支持图片懒加载、占位符、错误处理、滚动容器等功能，并且可以与 Vue.js 项目轻松集成。
资源地址
特点
- 基于 Vue.js 的图片懒加载开源组件。
- 支持图片懒加载、占位符、错误处理、滚动容器等功能。
- 可以与 Vue.js 项目轻松集成。
- 支持 Vue 3.x 版本。
- 支持 Webpack、Rollup、Parcel 等多种构建工具。
- 提供丰富的配置选项，可以根据需求进行自定义。
- 受到广泛的社区支持，得到持续更新和维护。