Investor Document

สไลด์เอกสารนักลงทุนสไตล์ widget2

สไลด์เอกสารนักลงทุนสไตล์ widget2 — การ์ดรูปปกเอกสารพร้อมแถบรายละเอียดแบบกระจกฝ้า ปุ่มดาวน์โหลดวงกลม ป้าย "ใหม่" และปุ่มลูกศรเลื่อนสไลด์ มี 4 แบบ: เต็มความกว้าง / ครึ่งคอลัมน์ / หนึ่งในสาม / หนึ่งในสาม (การ์ดกลางช่อง)

Set widget2Category investor-servicesScope .stk-w2-investor-document

Examples

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

รูปแบบมาตรฐาน

UI รูปแบบเดียวกัน มี 3 layout ให้เลือก

3 layouts

Layout

PreviewOpen

col12เต็มความกว้าง (หัวข้อซ้าย / สไลด์ขวา)Grid 12/12 · Measuring UI… · JavaScript

หนึ่งในสามคอลัมน์ แบบที่ 2 (การ์ดกลางช่อง)

UI รูปแบบที่ 2

1 layout

PreviewOpen

col4-2หนึ่งในสามคอลัมน์ แบบที่ 2 (การ์ดกลางช่อง)Grid 4/12 · Measuring UI… · JavaScript

Composition

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

Variant

Loading composition…

Content Schema

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

title
description
items

Asset URLs

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

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