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}
Pad 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 授權授權的開源軟體。
展開
相關應用
爲您推薦