跳到主要内容

Web 样例

按用途分组展示 Sii 在 Web 场景下的实践(左右滑动查看更多)

文章类

技术博客详情页

技术博客详情页

富文本展示与目录锚点,适配暗色主题。

内容布局主题
资讯列表页

资讯列表页

列表 + 分页 + 骨架屏加载的资讯聚合页。

列表分页骨架屏
专栏聚合页

专栏聚合页

按标签/作者聚合的专栏页,支持筛选。

标签筛选
活动公告页

活动公告页

公告时间线展示与高亮置顶。

时间线展示
文档目录页

文档目录页

两栏式目录与正文联动高亮。

目录滚动
搜索结果页

搜索结果页

关键词高亮与结果分页。

搜索分页
作者主页

作者主页

作者信息卡片与文章列表。

卡片列表
阅读统计页

阅读统计页

阅读趋势与热门文章占位图表。

统计图表

电商类

商品瀑布流

商品瀑布流

懒加载图片与价格标签,支持筛选与排序。

媒体筛选排序
购物车/结算页

购物车/结算页

表单校验、优惠码与运费计算的结算流程示例。

表单校验流程
商品详情页

商品详情页

轮播大图、SKU 选择与库存提醒。

轮播SKU
店铺首页

店铺首页

楼层组件与推荐位的组合展示。

楼层推荐
订单列表

订单列表

筛选、分页与状态标签。

订单分页
地址管理

地址管理

地址编辑弹窗与默认地址设置。

弹窗表单
优惠活动页

优惠活动页

限时抢购/满减活动占位示例。

活动营销
售后服务页

售后服务页

申请售后与进度查询。

售后流程

仪表盘类

业务总览 Dashboard

业务总览 Dashboard

网格卡片 + 图表占位,展示核心 KPI 与维度对比。

数据展示图表网格
用户管理后台

用户管理后台

查询筛选、表格分页与编辑弹窗的管理视图。

表格筛选弹窗
日志监控

日志监控

实时日志流与级别筛选。

实时筛选
告警中心

告警中心

告警卡片与分组聚合。

告警聚合
发布面板

发布面板

发布进度条与结果提示。

进度提示
权限配置

权限配置

角色/资源树选择与保存。

权限
版本统计

版本统计

版本分布与趋势图占位。

统计图表
任务队列

任务队列

任务状态与重试操作。

队列状态

媒体/社交类

图片画廊

图片画廊

LazyImage 懒加载与弹出预览,支持瀑布流布局。

媒体懒加载预览
消息会话页

消息会话页

对话流与输入区,支持表情面板与发送状态。

交互状态布局
视频列表

视频列表

封面悬浮播放与时长标记。

视频悬浮
用户相册

用户相册

分相册分组与批量操作。

相册批量
关注/粉丝页

关注/粉丝页

关系卡片与操作按钮。

关系卡片
话题圈子

话题圈子

话题流与热门话题卡片。

话题
通知中心

通知中心

系统/互动通知列表。

通知列表
收藏夹

收藏夹

分组收藏与批量管理。

收藏管理

工具/实用类

反馈收集页

反馈收集页

多字段校验、下拉联动与提交结果弹窗。

表单校验弹窗
文件上传页

文件上传页

分片/断点续传占位示例,配合进度条与结果提示。

上传进度提示
主题切换页

主题切换页

主题/色板切换与持久化。

主题持久化
多语言示例

多语言示例

i18n 文案切换与资源加载。

i18n资源
快捷键管理

快捷键管理

全局/局部快捷键定义与提示。

快捷键提示
表单生成器

表单生成器

根据 JSON Schema 生成表单。

Schema生成
路由守卫示例

路由守卫示例

进入/离开守卫与跳转控制。

路由守卫
日志查看器

日志查看器

日志级别过滤与导出。

日志导出