baine/php-computed-styles

"使用方法链在PHP中将类和样式添加到HTML元素。

维护者

详细信息

github.com/DylanBaine/php-computed-styles

源代码

问题

安装: 12

依赖: 0

建议者: 0

安全: 0

星级: 1

关注者: 1

分支: 0

开放问题: 0

1.0.2 2023-08-27 19:28 UTC

Requires (Dev)

MIT ed6593a7b626d82d25c99a3c1ea39d81e715042d

  • Dylan Baine <dylan.baine.woop@yahoo.com>

This package is not auto-updated.

Last update: 2024-09-23 22:32:01 UTC

README

构建要注入HTML的类或样式。我在我的博客上写了一篇关于这个项目的文章 点击查看。

安装

composer require baine/php-computed-styles

示例用法

此包中的两个主要类可以用于动态构建HTML的样式和类。

ComputedClasses

<?php

use Baine\PhpComputedStyles\ComputedClasses;

...


$classes = ComputedClasses::make([
    'flex',
    'rounded',
    'text-blue' => $user->likesBlue()
])
    ->when($success, [
        'bg-success',
        'text-white'
    ])->whenNot($user->isAdmin(), [
        'bg-disabled'
    ]);
<div class="<?= $classes ?>">My Div</div>
  • 将 flex 和 rounded 类静态添加到元素中。
  • 如果 $user->isAdmin() 评估为真，则添加 text-blue 类。
    • 基于键的值只有在值为布尔类型（true 或 false）时才会添加。
  • 如果 $success 变量是真值，则将 bg-success 和 text-white 类添加到元素中。
  • 只有在 $user->isAdmin() 为假时才添加 bg-disabled 类。

ComputedStyles

<?php

use Baine\PhpComputedStyles\ComputedStyles;

...

$styles = ComputedStyles::make([
    'display' => 'flex',
    'justify-content' => 'center'
])
    ->when($success, [
        'justify-content' => 'start'
    ])->whenNot($user->isAdmin(), [
        'color' => 'grey'
    ]);
<div style="<?= $styles ?>">My Div</div>

这与 ComputedClasses 类的工作方式几乎完全相同。唯一的不同之处在于类是如何编码成字符串的。

辅助函数

可以通过辅助函数轻松访问这两个类。 baine_computedStyles() 和 baine_computedClasses()。