cristyanhenrich/livemodal

此包的最新版本（1.2.1）没有可用的许可信息。

Laravel Livewire 模态包

维护者

详细信息

github.com/CristyanHenrich/livemodal

源代码

问题

安装: 114

依赖: 0

建议者: 0

安全: 0

星标: 1

关注者: 1

分支: 0

开放问题: 0

1.2.1 2024-02-05 14:40 UTC

Requires

Unknown License 8f6fe7f028c0f79852801800bc00b0ab1fff1589

This package is not auto-updated.

Last update: 2024-09-30 17:36:25 UTC

README


Logo

Livemodal - Livewire 模态框

为 Livewire 添加简单且功能强大的模态框！

报告错误 . 请求功能

Downloads Contributors Stargazers Issues

目录

关于项目

Screen Shot

欢迎使用 livemodal，这是一个用于简化 Laravel 应用程序中模态框创建和操作的 Laravel Livewire 包。该包提供了一种优雅且高效的方法来集成动态模态框，使创建交互式用户界面的过程更快、更简单。

入门

快速开始使用 livemodal：按照以下简单步骤将动态模态框集成到您的 Laravel 应用程序中。

先决条件

这是一个使用软件所需的物品列表。

  • livewire

安装

  1. 安装包
composer require cristyanhenrich/livemodal
  1. 发布资产
php artisan vendor:publish --tag=livemodal-assets
  1. 添加提供者
'providers' => [
    // Other Service Providers...

    cristyanhenrich\livemodal\ModalServiceProvider::class,
],
  1. 导入脚本和样式
<html>
<head>
    ...

    @livemodalStyles

</head>
<body>
    ...

    @livemodalScripts

    @livewire('modal', ['idModal' => 'livemodal-modal-id', 'title' => ''])

</body>
</html>

用法

导入模态框，使用按钮控制模态框及其属性，将信息和方法传递给 Livewire 组件的视图

<button onclick="livemodalShow('Modal Title', 'modal-id', 'component-livewire-name', 'model', {{ json_encode(['other' => 'informations']) }})">Open</button>

创建 Pull Request

  1. 分支项目
  2. 创建功能分支（git checkout -b feature/AmazingFeature）
  3. 提交更改（git commit -m 'Add some AmazingFeature'）
  4. 推送到分支（git push origin feature/AmazingFeature）
  5. 打开 Pull Request

作者