Widget 3
Social & Environment
การ์ด shortcut สังคมและสิ่งแวดล้อมสไตล์ widget3
การ์ด shortcut สังคมและสิ่งแวดล้อมสไตล์ widget3 — การ์ดย่อยเรียงกัน (ESG / CSR) พร้อมรูปประกอบ ป้ายตัวเลขกิจกรรม และปุ่มลิงก์ไปหน้ารายละเอียด hover แล้วพื้นการ์ดเปลี่ยนเป็น gradient น้ำเงิน
Set
widget3Category aboutScope .stk-w3-social-environmentSet base widget3Examples
แต่ละหัวข้อคือ UI คนละรูปแบบ ส่วนขนาดคอลัมน์เป็น layout ของรูปแบบเดียวกัน
การ์ด shortcut สังคมและสิ่งแวดล้อม
UI รูปแบบที่ 1
PreviewOpen
กำลังโหลด Preview
defaultการ์ด shortcut สังคมและสิ่งแวดล้อมGrid 12/12 · Measuring UI… · JavaScriptComposition
โครงสร้างส่วนประกอบหลักที่สรุปจาก HTML ของแต่ละ variant โดยตัด layout wrappers ออก
Variant
defaultLoading composition…Content Schema
อ่าน schema เต็มและตัวอย่างค่าจาก get_widget ฟิลด์หลัก:
titleshortcuts
Asset URLs
CSS: https://stackui-cdn.intern-studio.com/widgets/widget3/social-environment/social-environment.css
JS: https://stackui-cdn.intern-studio.com/widgets/widget3/social-environment/social-environment.js
Preview: https://stackui-cdn.intern-studio.com/widgets/widget3/social-environment/preview.html
Set base: ดู dependencies.setBase จาก get_widget และโหลดก่อน widget CSSใช้ get_core ก่อนหนึ่งครั้ง จากนั้นเรียก get_widget โดยส่ง id="social-environment" และ set="widget3" เพื่อรับ HTML, CSS, JavaScript, dependencies และ URL ของ asset ที่ตรงกับ environment