Latest News

การ์ดข่าวสารล่าสุดสไตล์ widget3 — สลับแท็บข่าวบริษัท/ข่าวตลาดหลักทรัพย์ด้วย radio ไม่ใช้ JS แต่ละรายการมีวันที่ หัวข้อ และป้าย "ล่าสุด" ได้

Set widget3Category newsScope .stk-w3-latest-newsSet base widget3

Examples

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

การ์ดข่าวพร้อมแท็บ

UI รูปแบบที่ 1

1 layout

PreviewOpen

defaultการ์ดข่าวพร้อมแท็บGrid 12/12 · Measuring UI… · JavaScript

Composition

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

Variantdefault

Loading composition…

Content Schema

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

title
view_all_link
tab1_label
tab2_label
latest_badge_text
tab1_items
tab2_items

Asset URLs

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

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