ynievesdotnetteam/swipe-laraslider

使用最现代的移动触摸滑块在Laravel中

dev-main 2021-05-02 18:38 UTC

This package is auto-updated.

Last update: 2024-09-29 06:34:46 UTC


README

使用Laravel和SwipeJS的图片滑块

以下是配置图片滑块的步骤

步骤 1:Laravel滑块插件需要以下组件才能正确工作

Intervention Image

步骤 2:使用Composer复制供应商

composer require ynievesdotnetteam/swipe-laraslider dev-main

Or, you may manually update require block and run `composer update`

"require": {
   
    "ynievesdotnetteam/swipe-laraslider": "dev-main"
}

'composer update' will be required.

步骤 3:一旦Swipe Laravel滑块安装完成,您需要在config/app.php中注册服务提供者。在providers列表中添加以下内容

'providers' => [
 // ...
    YnievesDotNetTeam\SwipeLaraslider\ImageSliderServiceProvider::class,
 // ...
]

步骤 4:要发布配置、迁移、服务提供者和外观,运行

php artisan vendor:publish

步骤 5:最后,运行迁移以生成表

php artisan migrate

步骤 6:此包需要Auth登录,如果您没有Auth登录,则运行

php artisan make:auth
php artisan migrate

步骤 7:在您的blade文件中添加以下链接以加载CSS和JavaScript

<script src="{{ asset('vendor/assets/js/custome.js') }}"></script>
<link href="{{ asset('vendor/assets/css/custome.css') }}" rel="stylesheet">

您可以通过编写以下内容来查看Laravel滑块

localhost/yourapp/slider