SuperAPI AI 工具集

improving-streamlit-design

设计与创作

查看项目

更新于 10-16 06:15

技能介绍

用途:在 Streamlit 应用中做视觉打磨,让界面更专业、更清爽。主要能力与用法:用 st.set_page_config 设置页面标题、图标与布局(layout="centered" 适合多数应用,"wide" 适合数据看板),并置于脚本顶部避免闪烁;用 st.logo("logo.png") 添加侧边栏/页眉 logo;优先使用 Material 图标而非 emoji,格式为 :material/icon_name:,图标可在 fonts.google.com/icons 查找,涵盖导航、操作、状态、数据、内容、UI 等类别。徽章方面,独立徽章用 st.badge("Active", icon=":material/check:", color="green"),行内徽章用 :green-badge[Active] 等语法,避免旧的 :orange-background[:orange[Pending]] 冗长写法。间距上建议直接去掉 st.divider(),默认间距通常足够;确需间距时用 st.space("small"/"medium"/"large") 或 st.space(50) 自定义像素,但不要机械替换所有分隔线。标题与标签使用句首大写,避免 Title Case。简单信息用 st.caption,重要说明用 st.info,警告用 st.warning,错误用 st.error,确认用 st.success,轻量提示用 st.toast。文本对齐用 text_alignment 参数,可选 left、center、right、justify;注意容器的 horizontal_alignment 会同时设置文本对齐,需在文本元素上覆盖。提示框与 expander 也支持 icon 参数,st.button、st.tabs 等同样支持图标。限制:资料未提供安装命令、版本要求、收费信息或具体平台支持范围,暂未提供。