84 lines
2.8 KiB
Plaintext
84 lines
2.8 KiB
Plaintext
// Paste the complete file into Console in Script mode, then Run.
|
|
// All numbers, progress values and activity entries below are demo data.
|
|
|
|
function metric(label: Text, value: Text, note: Text, color: Text): View {
|
|
return ui.column(0, 6,
|
|
ui.text(label, 1, "#637082"),
|
|
ui.text(value, 2, "#243047"),
|
|
ui.text(note, 1, "#637082"),
|
|
ui.rect(160, 4, 2, color)
|
|
)
|
|
}
|
|
|
|
function project(name: Text, state: Text, detail: Text, filled: Number, remaining: Number, color: Text): View {
|
|
let caption = ui.row(0, 12,
|
|
ui.text(name, 1, "#243047"),
|
|
ui.text(state, 1, color)
|
|
)
|
|
let progress = ui.row(0, 0,
|
|
ui.rect(filled, 6, 3, color),
|
|
ui.rect(remaining, 6, 3, "#E5EAF2")
|
|
)
|
|
return ui.column(0, 6,
|
|
caption,
|
|
ui.text(detail, 1, "#637082"),
|
|
progress
|
|
)
|
|
}
|
|
|
|
function activity(time: Text, title: Text, detail: Text, color: Text): View {
|
|
let dot = ui.column(0, 0, ui.spacer(7), ui.rect(6, 6, 3, color))
|
|
let stamp = ui.row(0, 8, dot, ui.text(time, 1, "#8490A0"))
|
|
return ui.column(0, 4,
|
|
stamp,
|
|
ui.text(title, 1, "#243047"),
|
|
ui.text(detail, 1, "#637082")
|
|
)
|
|
}
|
|
|
|
let heading = ui.column(0, 6,
|
|
ui.text("ENDOR STUDIO / WORKSPACE", 1, "#5263D6"),
|
|
ui.text("项目工作台", 2, "#243047"),
|
|
ui.text("把想法组织成对象，把对象组合成界面。", 1, "#637082")
|
|
)
|
|
|
|
let statistics = ui.row(0, 20,
|
|
metric("活跃任务", "24", "本周新增 6 项", "#6574E8"),
|
|
metric("已完成", "18", "持续推进中", "#299C82"),
|
|
metric("页面草稿", "08", "等待下一次灵感", "#D9A34A")
|
|
)
|
|
|
|
let projects = ui.column(0, 14,
|
|
ui.text("项目进度", 1, "#243047"),
|
|
project("Aster", "进行中", "语言解析 / 编译 / 执行", 240, 60, "#6574E8"),
|
|
project("Tessera", "构建中", "桌面界面 / 布局 / 开发工具", 186, 114, "#299C82"),
|
|
project("设计文档", "草稿", "Block / Page / 对象模型", 108, 192, "#D9A34A")
|
|
)
|
|
|
|
let timeline = ui.column(0, 14,
|
|
ui.text("最近活动", 1, "#243047"),
|
|
activity("10:24", "更新字体", "中英文混排预览", "#6574E8"),
|
|
activity("09:48", "组织界面", "用函数组合不同区块", "#299C82"),
|
|
activity("09:12", "记录想法", "准备下一版页面设计", "#D9A34A")
|
|
)
|
|
|
|
let body = ui.row(0, 20, projects, timeline)
|
|
|
|
let note = ui.row(0, 12,
|
|
ui.rect(4, 46, 2, "#6574E8"),
|
|
ui.column(0, 6,
|
|
ui.text("下一步：让对象参与交互", 1, "#243047"),
|
|
ui.text("当前展示为静态示例，进度条和活动记录均为演示数据。", 1, "#637082")
|
|
)
|
|
)
|
|
|
|
let page = ui.page()
|
|
page.render(ui.column(24, 20,
|
|
heading,
|
|
statistics,
|
|
ui.rect(520, 1, 0, "#DFE5EE"),
|
|
body,
|
|
note,
|
|
ui.text("DEMO DATA / 函数组合 / 中文字体 / 嵌套布局", 1, "#8490A0")
|
|
))
|