awcodes / dimmer
Dimmer 是一个简单的包,可以轻松地将亮/暗/系统模式切换器添加到您的 Laravel 应用中。
v1.1.0
2024-05-24 18:47 UTC
Requires
- php: ^8.1
- illuminate/contracts: ^10.0|^11.0
- spatie/laravel-package-tools: ^1.14.0
Requires (Dev)
- laravel/pint: ^1.0
- nunomaduro/collision: ^7.8|^8.0
- orchestra/testbench: ^8.8|^9.0
- pestphp/pest: ^2.20
- pestphp/pest-plugin-arch: ^2.0
- pestphp/pest-plugin-laravel: ^2.0
- spatie/laravel-ray: ^1.26
README
Dimmer 是一个简单的包,可以轻松地将亮/暗/系统模式切换器添加到您的 Laravel 应用中。
需求
- Alpine JS
- Tailwind CSS
安装
您可以通过 composer 安装此包
composer require awcodes/dimmer
接下来,您需要在 tailwind.config.js
文件中添加视图
content: [ './vendor/awcodes/dimmer/resources/views/**/*.blade.php', ]
可选(不推荐),您可以使用以下方法发布视图
php artisan vendor:publish --tag="dimmer-views"
您还可以通过发布 lang 文件来更新翻译
php artisan vendor:publish --tag="dimmer-translations"
使用
只需在布局中包含 dimmer
组件,或在您想要使用它的任何位置。
<x-dimmer::controls />
强制默认模式
如果您希望用户首次访问网站时强制使用默认模式,您可以在 dimmer
组件上设置 force-mode
属性。如果没有设置此属性,默认模式将根据用户的系统偏好确定。
<x-dimmer::controls force-mode="dark" />
测试
composer test
变更日志
有关最近更改的更多信息,请参阅 变更日志。
贡献
有关详细信息,请参阅 贡献指南。
安全漏洞
请查看 我们的安全策略 了解如何报告安全漏洞。
鸣谢
许可证
MIT 许可证(MIT)。有关更多信息,请参阅 许可证文件。