通过 
搜索
搜索outhebox / blade-flags
一个易于在Laravel Blade视图中使用国家 & 语言标志的软件包。
1.5.1
2024-04-23 09:00 UTC
Requires
- php: ^7.4|^8.0|^8.1|^8.2
- blade-ui-kit/blade-icons: ^1.1
- illuminate/support: ^8.0|^9.0|^10.0|^11.0
Requires (Dev)
- orchestra/testbench: ^6.0|^7.0|^8.0|^9.0
- phpunit/phpunit: ^9.0|^10.5
README
国家 & 语言 Blade 标志
一个易于在Laravel Blade视图中使用TwEmoji 国家 & 语言标志的软件包。
要查看所有可用图标，请访问SVG 目录或查看所有可用标志的预览，请访问画廊。
需求
- PHP 8.0 或更高版本
- Laravel 9.0 或更高版本
安装
composer require outhebox/blade-flags
Blade 图标
Blade Flags 在底层使用 Blade Icons。有关附加功能，请参阅Blade Icons 读取说明。我们还建议使用此库启用图标缓存。
🎞️ 这里有一些视频教程
如何安装和实现这个软件包。
📺 观看Povilas Korop的3分钟视频 展示这个软件包。
Flutter 版本
如果您正在寻找此软件包的Flutter版本，请查看dash_flags，由Moaz El-sawaf提供的一个Flutter软件包，提供所有国家和语言的标志集。
配置
Blade Flags 还提供使用Blade Icons功能（如默认类、默认属性等）的能力。如果您想配置这些，请发布 blade-flags.php 配置文件
php artisan vendor:publish --tag=blade-flags-config
用法
图标可以作为自闭合的Blade组件使用，它们将被编译为SVG图标
<x-flag-country-br /> <x-flag-country-cn /> <x-flag-country-gb /> <x-flag-country-ru /> <x-flag-country-us />
...产生这个
<x-flag-language-en /> <x-flag-language-ar /> <x-flag-language-es />
...产生这个
您还可以向图标组件传递类
<x-flag-country-us class="w-6 h-6"/>
动态示例
您还可以使用动态值来渲染图标
- 对于国家标志
<x-icon name="flag-country-{{ $country->iso2_code }}" />
- 对于语言标志
<x-icon name="flag-language-{{ $language->code }}" />
原始 SVG 图标
如果您想将原始SVG图标作为资产使用，您可以使用以下命令发布它们
php artisan vendor:publish --tag=blade-flags --force
然后在视图中使用它们，如下所示
<img src="{{ asset('vendor/blade-flags/country-us.svg') }}" width="32" height="32"/>
<img src="{{ asset('vendor/blade-flags/language-en.svg') }}" width="32" height="32"/>
变更日志
请查看此存储库中的变更日志以获取所有最近更改。
许可证
Blade Flags 是开源软件，许可证为MIT许可证。