StackUI
Widget 3

Management Discussion and Analysis (MD&A)

การ์ดคำอธิบายและการวิเคราะห์ของฝ่ายจัดการสไตล์ widget3

การ์ดคำอธิบายและการวิเคราะห์ของฝ่ายจัดการสไตล์ widget3 — แบ่งภายในเป็น 2 ครึ่ง ซ้ายเป็นหน้าปกเอกสารฉบับล่าสุด (snip) พร้อมป้าย "ล่าสุด" และแถบชื่อไฟล์ + ปุ่มดู/ดาวน์โหลด ขวาเป็นรายการเอกสารย้อนหลังแบบเลื่อนได้ (hug link-ndownload)

Set widget3Category financialScope .stk-w3-md-analysisSet base widget3

Examples

แต่ละหัวข้อคือ UI คนละรูปแบบ ส่วนขนาดคอลัมน์เป็น layout ของรูปแบบเดียวกัน

การ์ด MD&A หน้าปก + รายการย้อนหลัง

UI รูปแบบที่ 1

1 layout
PreviewOpen
กำลังโหลด Preview
defaultการ์ด MD&A หน้าปก + รายการย้อนหลังGrid 12/12 · Measuring UI… · JavaScript

Composition

โครงสร้างส่วนประกอบหลักที่สรุปจาก HTML ของแต่ละ variant โดยตัด layout wrappers ออก

Variantdefault
Loading composition…

Content Schema

อ่าน schema เต็มและตัวอย่างค่าจาก get_widget ฟิลด์หลัก:

  • title
  • view_all_link
  • cover_image
  • cover_image_alt
  • latest_badge_text
  • file_title
  • file_meta
  • file_view_link
  • file_download_link
  • documents

Asset URLs

CSS: https://stackui-cdn.intern-studio.com/widgets/widget3/md-analysis/md-analysis.css
JS:  https://stackui-cdn.intern-studio.com/widgets/widget3/md-analysis/md-analysis.js
Preview: https://stackui-cdn.intern-studio.com/widgets/widget3/md-analysis/preview.html
Set base: ดู dependencies.setBase จาก get_widget และโหลดก่อน widget CSS

ใช้ get_core ก่อนหนึ่งครั้ง จากนั้นเรียก get_widget โดยส่ง id="md-analysis" และ set="widget3" เพื่อรับ HTML, CSS, JavaScript, dependencies และ URL ของ asset ที่ตรงกับ environment

On this page