ไทม์ไลน์

ไทม์ไลน์

สิ่งต่าง ๆ ที่เรียงกันอยู่ โดยแต่ละอันมีเครื่องหมายเชื่อมโยงด้วยเส้น: ขั้นตอนของกระบวนการ, เหตุการณ์ในประวัติศาสตร์, ระยะต่าง ๆ ของการดำเนินการ สิ่งที่แต่ละอันถือไว้เป็นอิสระ — แถวของข้อความ, ตาราง, ฟอร์ม — และเส้นจะวิ่งลงไปตลอดทั้งอัน จนถึงเครื่องหมายถัดไป

ขั้นตอนตามลำดับ

มีหมายเลข พร้อมกับสามสถานะที่ตัวขั้นตอนรู้จัก: ขั้นตอนที่ผ่านมาถูกวาดให้ชัดเจน, ขั้นตอนที่กำลังทำโดดเด่น, ขั้นตอนที่รออยู่จะรอ
  1. รับแหล่งที่มา

    โคลนที่เก็บและติดตั้งความต้องการของมัน

  2. ตั้งค่า

    คัดลอกสภาพแวดล้อมตัวอย่างและกรอกที่อยู่ฐานข้อมูล

  3. สร้างฐานข้อมูล

    รันการโยกย้าย; นี่คือขั้นตอนที่กำลังดำเนินอยู่

  4. ปรับใช้

    สร้างสินทรัพย์และเผยแพร่การปล่อย

อะไรก็ได้ใต้ชื่อเรื่อง

แต่ละรายการถืออะไรก็ตามที่มันต้องการ — คุณสมบัติ, ข้อความ, ปุ่ม. ไอคอนจะมาแทนที่จุด และโทนสีจะทำให้เครื่องหมายมีสีสันเหมือนกับที่มันทำกับเครื่องหมายหรือบล็อก
  1. คำสั่งซื้อถูกวาง
    14 มีนาคม, 09:41
    อ้างอิง
    ORD-2026-0142
    จำนวนเงิน
    € 184.00
    การชำระเงิน
    การ์ดลงท้าย 4242
  2. ชำระเงินเรียบร้อยแล้ว
    14 มีนาคม, 09:42
  3. จัดส่งแล้ว
    15 มีนาคม, 16:05
    กำลังล่าช้า

    ผู้ให้บริการประกาศอีกหนึ่งวัน

  4. การจัดส่ง

ประวัติศาสตร์

ไม่มีลำดับที่จะติดตาม มีแต่เหตุการณ์: จุด, วันที่อยู่ใต้ชื่อเรื่องแต่ละอัน, และสีหมวดหมู่ที่บอกอะไรบางอย่าง
  1. เวอร์ชัน 2.0 ถูกปล่อย
    2 กันยายน
  2. ตรวจสอบโดยทีมงาน
    28 สิงหาคม
  3. ร่างแรก
    12 สิงหาคม

ขั้นตอนที่ยังไม่ได้ตัดสินใจ

เหมือนกับในตัวขั้นตอน: ขั้นตอนที่ขึ้นอยู่กับคำตอบที่ยังไม่ได้ให้ จะไม่มีหมายเลขและไม่เคลื่อนย้ายขั้นตอนอื่น ๆ
  1. รับแหล่งที่มา
  2. เลือกแผน
  3. ขึ้นอยู่กับแผน
  4. ปรับใช้

เขียนด้วยมือ

ส่วนประกอบนี้เป็นเพียงวิธีการเขียนรูปแบบจากรายการ คลาสเดียวกันที่เขียนในหน้า จะให้ไทม์ไลน์เดียวกัน โดยมีอะไรก็ตามในนั้น
  1. จุดธรรมดา
  2. ไอคอนแทนที่จุด

    Markup ใด ๆ ที่เขียนในหน้า.

ใน Vue

ไทม์ไลน์เดียวกันในต้นไม้ Vue สิ่งที่กิ่งนำมาใช้เป็น markup จะเป็น scoped slot ที่นั่น ดังนั้นส่วนประกอบสามารถอยู่ใต้ชื่อรายการได้