Investor Information

การ์ดหัวข้อสำหรับนักลงทุนสไตล์ widget2

การ์ดหัวข้อสำหรับนักลงทุนสไตล์ widget2 — 3 การ์ดพื้นหลังรูป (การกำกับดูแลกิจการ, นโยบายจ่ายเงินปันผล, บทวิเคราะห์) พร้อมคำอธิบายและปุ่มวงกลมมุมล่างขวา เผยตัวด้วย AOS fade-up แบบไล่ลำดับ

Set widget2Category investorScope .stk-w2-investor-information

Examples

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

3 การ์ด

UI รูปแบบที่ 1

1 layout

PreviewOpen

col12เต็มความกว้าง 3 การ์ดGrid 12/12 · Measuring UI… · JavaScript

Composition

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

Variantcol12

Loading composition…

Content Schema

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

section_title
items

Asset URLs

CSS: https://stackui-cdn.intern-studio.com/widgets/widget2/investor-information/investor-information.css
JS:  https://stackui-cdn.intern-studio.com/widgets/widget2/investor-information/investor-information.js
Preview: https://stackui-cdn.intern-studio.com/widgets/widget2/investor-information/preview.html
Vendor: ดู dependencies.vendor จาก get_widget

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