Termwind
Termwind позволяет создавать уникальные и красивые PHP-приложения командной строки, используя Tailwind CSS API. Короче говоря, это похоже на Tailwind CSS, но для приложений командной строки PHP.
Требуется PHP 8.0+.
Требуйте Termwind с помощью Composer:
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 );
return
полученный от метода Ask, будет ответом, полученным от пользователя.
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 пробела (640 пикселей)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 .
Расширять
Дополнительная информация
-
Версия
v2.3.0
-
Тип
Другие категории
-
Время обновления
2024-12-14
-
размер
50MB
-
От
Github
Связанные приложения
Рекомендуем вам
Связанные новости
Все
-
Анимация CSS3 реализует эффект нескольких прыгающих мячей (анимация голосового ввода)
2024-12-18
-
Скрывать и отображать эллипсы после того, как текст CSS превышает лимит, и другие решения, совместимые с браузером (рекомендуется).
2024-12-18
-
css3 реализует функцию списка воспроизведения с динамической прокруткой
2024-12-18
-
Графическое руководство по установке Dreamweaver2021
2024-12-17
-
Проектная практика реализации крутого переключения логина с помощью HTML+CSS
2024-12-18
-
Реализация HTML-подобных специальных эффектов темы рабочего стола Windows.
2024-12-18