dewsign/before-after-repeater

一个用于比较两张图片的[dewsign的Nova Repeater Blocks](https://github.com/dewsign/nova-repeater-blocks)的before/after滑块重复块。

安装: 51

依赖: 0

建议者: 0

安全: 0

星星: 3

观察者: 5

分支: 1

开放问题: 1

类型:boilerplate

v1.1.11 2019-01-24 14:01 UTC

This package is auto-updated.

Last update: 2024-09-25 07:58:40 UTC


README

一个用于Dewsign的Nova Repeater Blocks的before/after图片比较重复块

The slider in action

安装与使用

此包需要安装两个包,一个是Laravel方面的composer包,另一个是Vue.js组件的npm包。

composer require dewsign/before-after-repeater

npm i vue-before-after-slider

php artisan migrate

注册Vue组件

//resources/js/app.js
//...

import BeforeAfter from 'BeforeAfter'

Vue.use(BeforeAfter)

您可以在before-after-repeater.php配置文件中更改图像大小。

使用时,将此重复块添加到页面中,并设置原始和叠加图像。如有必要,您可以设置标题和副标题,它们将在块上方输出。