Termwind
Termwind允许您使用Tailwind CSS API 构建独特且美观的 PHP 命令行应用程序。简而言之,它就像 Tailwind CSS,但适用于 PHP 命令行应用程序。
需要 PHP 8.0+
需要使用 Composer 的 Termwind:
composer require nunomaduro/termwind
use function Termwind { render }; // single line html... render ( 'Termwind' ); // multi-line html... render (<<<'HTML'HTML); // Laravel or Symfony console commands... class UsersCommand extends Command { public function handle () { render ( view ( ' users.index ' , [ ' users ' => User:: all () ]) ); } }TermwindGive your CLI apps a unique look
style()
style()
函数可用于添加自己的自定义样式并更新颜色。
use function Termwind { style }; style ( ' green-300 ' )-> color ( ' #bada55 ' ); style ( ' btn ' )-> apply ( ' p-4 bg-green-300 text-white ' ); render ( 'Click me' );
ask()
ask()
函数可用于提示用户问题。
use function Termwind { ask };
$ answer = ask ( <<
What is your name?
HTML );
Ask 方法提供的return
将是用户提供的答案。
terminal()
terminal()
函数返回 Terminal 类的实例,具有以下方法:
->width()
:返回终端的完整宽度。->height()
:返回终端的完整高度。->clear()
:清除终端屏幕。 支持的所有类都使用与 tailwindcss.com/docs 上提供的完全相同的逻辑。
bg-{color}-{variant}
。text-{color}-{variant}
。font-bold
、 font-normal
。italic
。underline
、 line-through
。uppercase
、 lowercase
、 capitalize
、 snakecase
。truncate
。text-left
、 text-center
、 text-right
。m-{margin}
、 ml-{leftMargin}
、 mr-{rightMargin}
、 mt-{topMargin}
、 mb-{bottomMargin}
、 mx-{horizontalMargin}
、 my-{verticalMargin}
。p-{padding}
、 pl-{leftPadding}
、 pr-{rightPadding}
、 pt-{topPadding}
、 pb-{bottomPadding}
、 px-{horizontalPadding}
、 py-{verticalPadding}
。space-y-{space}
、 space-x-{space}
。w-{width}
、 w-full
、 w-auto
。min-w-{width}
。max-w-{width}
。justify-between
、 justify-around
、 justify-evenly
、 justify-center
。invisible
。block
、 flex
、 hidden
。flex-1
。list-disc
、 list-decimal
、 list-square
、 list-none
。content-repeat-['.']
。 与 TailwindCSS 一样,我们也支持响应式设计媒体查询,以下是支持的断点:
sm
: 64 个空格 (640px)md
:76 个空格(768 像素)lg
:102 个空格(1024 像素)xl
:128 个空格(1280 像素)2xl
:153 个空格(1536 像素) render (<<<'HTML'If bg is blue is sm, if red > than sm breakpoint.HTML);
CLI 的所有大小均基于字体大小 15。
所有元素都可以使用class
属性。
元素可以用作块类型元素。默认样式: block
render (<<<'HTML'
This is a div element.
HTML);
元素可以用作段落。
默认样式: block
render (<<<'HTML'
This is a paragraph.
HTML);
元素可以用作内联文本容器。
Termwind.
HTML);"> render (<<<'HTML'
This is a CLI app built with Termwind.
HTML);
元素可以用作超链接。它允许使用href
属性在单击时打开链接。
Click here to open
HTML);"> render (<<<'HTML'
This is a CLI app built with Termwind. Click here to open
HTML);
和
和
元素可用于将文本标记为粗体。
默认样式: font-bold
render (<<<'HTML'
This is a CLI app built with Termwind.
HTML);
和
和
元素可用于将文本标记为斜体。
默认样式: italic
render (<<<'HTML'
This is a CLI app built with Termwind.
HTML);
元素可用于添加线通过文本。
默认样式: line-through
render (<<<'HTML'
This is a CLI app built with Termwind.
HTML);
元素可用于换行。
render (<<<'HTML'
This is a CLI
app built with Termwind.
HTML);
元素可用于无序列表。它只能接受
元素作为子元素,如果提供了另一个元素,它将抛出InvalidChild
异常。
默认样式: block
、 list-disc
render (<<<'HTML'
Item 1
Item 2
HTML);
元素可用于有序列表。它只能接受
元素作为子元素,如果提供了另一个元素,它将抛出InvalidChild
异常。
默认样式: block
、 list-decimal
render (<<<'HTML'
Item 1
Item 2
HTML);
元素可以用作列表项。它只能用作
和
元素的子元素。
默认样式: block
、 list-decimal
render (<<<'HTML'
Item 1
HTML);
元素可用于描述列表。它只能接受
或
元素作为子元素,如果提供了另一个元素,它将抛出InvalidChild
异常。
默认样式: block
render (<<<'HTML'
Termwind
Give your CLI apps a unique look
HTML);
元素可以用作描述标题。它只能用作
元素的子元素。
默认样式: block
、 font-bold
render (<<<'HTML'
Termwind
HTML);
元素可以用作描述标题。它只能用作
元素的子元素。
默认样式: block
、 ml-4
render (<<<'HTML'
Give your CLI apps a unique look
HTML);
元素可以用作水平线。
render (<<<'HTML'
Termwind
Give your CLI apps a unique look
HTML);
元素可以有列和行。 render (<<<'HTML'
Task
Status
Termwind
Done
HTML);
元素可用作预格式化文本。
render (<<<'HTML'
Text in a pre element
it preserves
both spaces and
line breaks
HTML);
元素可以用作代码荧光笔。它接受line
和start-line
属性。
try {
throw new Exception('Something went wrong');
} catch (Throwable $e) {
report($e);
}
HTML);"> render (<<<'HTML'
try {
throw new Exception('Something went wrong');
} catch (Throwable $e) {
report($e);
}
HTML);
Termwind 是一款根据MIT 许可证授权的开源软件。
展开
相关应用
为您推荐