nanodepo/gems-ui

Gems Blue UI Kit

维护者

详细信息

github.com/nanodepo/gems-ui

源代码

问题

安装次数: 3

依赖项: 0

建议者: 0

安全: 0

星标: 0

关注者: 1

分支: 0

开放性问题: 0

语言：Blade

v1.0.1 2024-09-26 00:24 UTC

Requires

MIT 5a98c9f1e08d828e0f634b024d9ff344002a8d8f

This package is auto-updated.

Last update: 2024-09-26 00:32:25 UTC

README

  1. 创建一个基本模板，并将其定义为 livewire 的默认模板。

2. 在 tailwindcss 文件中添加包模板路径并定义主题颜色。

export default {
    content: [
        ...
        "./vendor/nanodepo/gems-ui/src/resources/views/**/*.blade.php"
    ]
    ...
}

3. 在配置文件中添加磁盘 images 用于保存图像。

'images' => [
    'driver' => 'local',
    'root' => storage_path('app/public/images'),
    'url' => env('APP_URL').'/storage/images',
    'visibility' => 'public',
    'throw' => false,
],

4. 发布资源

php artisan vendor:publish --tag=gems-ui

5. 在基本模板的构建中添加 gems-ui.css

@vite([
    'resources/css/app.css',
    'resources/css/gems-ui.css',
    'resources/js/app.js'
])

6. 对于导航面板，需要在 body 中添加以下代码

x-data="{ drawer: false }"

基本模板和其他组件的示例可以在 examples 文件夹中找到。