เครื่องหมาย
เครื่องหมาย
แคปซูลหนึ่งสำหรับทุกสิ่งที่พูดถึงเกี่ยวกับสิ่งหนึ่งในคำเดียว: สถานะ, ชื่อ, เวอร์ชัน, หมวดหมู่ พวกมันเป็นวัตถุสองชิ้นจนกระทั่งวันหนึ่งที่โค้ดและสถานะยืนอยู่ข้างกันในหัวข้อเดียว ห่างกันแค่หัวเดียว และไม่มีใครสามารถบอกได้ว่าสิ่งที่แตกต่างกันนั้นหมายถึงอะไร — ดังนั้นรูปทรงจึงเป็นหนึ่งเดียวและโทนเสียงคือทั้งหมดที่บอกความแตกต่างของพวกเขา สิ่งที่มันแบกรับนั้นฟรี: คำ, ตัวเลข, สัญลักษณ์, หรือสองในสาม สิ่งกลมยืนอยู่ในที่ที่ไม่มีที่สำหรับแคปซูล และเคาน์เตอร์ที่แขวนจากแถวและมีขนาดตามข้อความที่มันแขวนอยู่ คือตัวเดียวที่นี่ที่ไม่ใช่เครื่องหมาย
กลางประโยค
คำที่ถูกตั้งแยกออกเมื่ออ่าน: เวอร์ชัน, เฟส, หมวดหมู่ โทนเสียงที่เป็นกลาง เพราะเครื่องหมายที่มาพร้อมสีได้ทำการอ้างอิงเกี่ยวกับสิ่งที่มันหมายถึง — และในประโยคไม่มีอะไรที่จะอ้างอิงได้
เวอร์ชัน 2.4 คือ เผยแพร่ API นี้ถูกยกเลิก ถูกยกเลิก
หมวดหมู่
โทนเสียงที่บอกความแตกต่างโดยไม่จัดอันดับ พวกมันไม่มีความหมาย — ไม่มีอะไรบอกว่าสิ่งที่สามดีกว่าสิ่งที่ห้า — ซึ่งก็คือสิ่งที่ทำให้มันใช้ได้สำหรับการจัดประเภท ที่ซึ่งความหมายจะเป็นการโกหก สวมใส่เช่นเดียวกับสถานะ: แคปซูลเดียวกัน, จังหวะเดียวกัน
เป็นกลาง
ruby
grapefruit
bittersweet
sunflower
straw
grass
mint
teal
aqua
blue-jeans
plum
lavender
pink-rose
สถานะในคำ
ประกาศในประโยคหรือข้างชื่อเรื่อง ซึ่งเป็นข้อความมากกว่าการทำเครื่องหมายในคอลัมน์
ดำเนินการสำเร็จ
เกิดข้อผิดพลาด
โปรดดำเนินการด้วยความระมัดระวัง
เพื่อข้อมูลของคุณ
สถานะอ่านโดยสิบสอง
ในคอลัมน์ เครื่องหมายถูกต้องข้างเคาน์เตอร์ที่เป็นกลางอ่านเป็นวัตถุสองชิ้นและตารางของพวกเขาอ่านเป็นเสียงดัง ที่นี่สีจะห่อหุ้มตัวเลขและคอลัมน์ถูกสแกนในครั้งเดียว — กะทัดรัด เนื่องจากเซลล์ไม่มีที่ว่างให้เหลือ
15
success
15
error
15
warning
15
info
15
running
15
pending
15
paused
15
play
15
skipped
15
disabled
สิ่งที่มันแบกรับ
คำสำหรับสิ่งที่สถานะคือ ตัวเลขสำหรับจำนวนของมัน มีทั้งสองอย่างหรือไม่มีเลย ตัวเลขจะวาดห่างจากที่เหลือ: มันมีคุณสมบัติของสถานะ มันไม่ใช่สถานะ
ผ่าน
15
ผ่าน15
รูปแบบสามแบบข้างกัน
ข้อมูลเดียวกันในที่ที่มันถูกอ่านจริง ๆ วงกลมคือรูปแบบสำหรับเซลล์ที่แคบเกินไปสำหรับแคปซูล และเป็นรูปแบบเดียวที่สามารถแสดงให้เห็นว่าสถานะเป็นปริมาณ — และมันถูกวาดด้วยสีเดียวกันที่แคปซูลเติมเต็ม
| รูปแบบ | success | warning | error | skipped |
|---|---|---|---|---|
| แคปซูล | 15 | 15 | 15 | 15 |
| วงกลม |
วงกลม
สถานะที่บอกโดยวงกลมแทนที่จะเป็นคำ สำหรับสถานที่ที่สถานะถูกอ่านโดยสิบสอง — รายการของการทำงาน แถวของงาน วงแหวนจะนำสีมา สัญลักษณ์ภายในบอกว่าสถานะคืออะไร และทั้งสองด้านของกองวาดเครื่องหมายเดียวกัน
success
error
warning
info
running
pending
paused
play
skipped
disabled
LEDs
จุดที่ส่องสว่างและคำของมัน: สถานะที่อ่านได้ในมุมมองในบรรทัด, เป็นโหลในสรุปหรือลิสต์บริการ. เล็กกว่าตัวทำเครื่องหมาย, เงียบกว่าเป็นวงกลม. ปิดคือจุดที่ไม่มีแสง — จำนวนเป็นศูนย์ —, กำลังทำงานหายใจ.
success
info
running
warning
error
dev
off
cat-mint
34 ตกลง
2 กำลังทำงาน
0 ข้อผิดพลาด
0 รอคิว
จำนวน
มีจำนวนเท่าไรที่รอให้เห็น, เป็นแบบเม็ด: ที่มุมของไอคอนหรือตัวปุ่ม (ในพ่อแม่ที่มีจำนวน), สีแดงยกเว้นที่ระบุ, 99+ เกิน 99; คำ (« ใหม่ ») หรือจุดแทนตัวเลข; ไม่มีอะไรที่ศูนย์เว้นแต่จะขอ. countApply() รักษาหนึ่งอันที่ปัจจุบันเมื่อหน้าเปลี่ยน.
2
กล่องขาเข้า 4
error 7
warning 14
success 21
info 28
accent 35
แสดงเป็นศูนย์ 0
สถานะที่เป็นปริมาณ
การวิ่งคือสถานะเดียวที่มีจำนวน ดังนั้นวงแหวนของมันจึงถูกวาดตามที่การวิ่งได้ไปถึง Twig แสดงค่าที่มันได้รับ; การเคลื่อนย้ายมันหลังจากนั้นเป็นเรื่องของเบราว์เซอร์
0%
25%
50%
75%
100%
ขนาดวงกลม
เคาน์เตอร์ข้างเครื่องหมาย
ความแตกต่างเดียวที่เหลืออยู่ และมันไม่เกี่ยวกับความหมาย ทางซ้ายคือเคาน์เตอร์: สิบสองของบางสิ่ง ที่แขวนจากแถวที่นำไปสู่และมีขนาดตามข้อความของแถวนั้น ทางขวาคือเครื่องหมาย: สิบสองของบางสิ่งที่ดี ยืนอยู่ตามลำพังและมีขนาดตามตัวเลข เคาน์เตอร์ข้างรายการเมนูคือเคาน์เตอร์; ตัวเลขเดียวกันในคอลัมน์ท่อคือเครื่องหมาย
12
12
Vue
ส่วนประกอบเดียวกัน ขับเคลื่อน: การเปลี่ยนประเภทหรือค่าเคลื่อนที่บนโค้งแทนที่จะวาดใหม่ นี่คือสิ่งที่แอปวางเมื่อสถานะจะเปลี่ยนภายใต้สายตาของผู้อ่าน
การใช้งาน
{{ marker('success', 'Operation successful') }}
{{ marker('success', null, { count: 15, compact: true }) }}
{{ status_icon('running', { progress: 0.4 }) }}