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
ที่ได้รับจากวิธีถามจะเป็นคำตอบที่ได้รับจากผู้ใช้
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 ช่องว่าง (768px)lg
: 102 ช่องว่าง (1024px)xl
: 128 ช่องว่าง (1280px)2xl
: 153 ช่องว่าง (1536px) 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);
The
element can be used as an inline text container.
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
-
บทช่วยสอนกราฟิกการติดตั้ง Dreamweaver2021
2024-12-17
-
แนวปฏิบัติโครงการการนำการสลับการเข้าสู่ระบบแบบเย็นไปใช้โดยใช้ HTML+CSS
2024-12-18
-
การใช้เอฟเฟกต์พิเศษของธีมเดสก์ท็อป Windows ที่เหมือน HTML
2024-12-18
-
4 วิธีในการแนะนำภาพ Svg ลงในหน้าเว็บ html
2024-12-18