Skip to content

Renderer 渲染组件

简介

Standard Ranklist Renderer Component 是一组现代化的 Web 渲染组件,可以将 srk 数据渲染为美观、交互式的排名表格。它面向 React、Vue、Angular、Solid 和 Svelte 发布框架专用组件包,并复用共享的 core 与 styles 包。

ReactVueAngularSolidSvelte

支持的框架组件包

框架npm 包
React@algoux/standard-ranklist-renderer-component-react
Vue@algoux/standard-ranklist-renderer-component-vue
Angular@algoux/standard-ranklist-renderer-component-angular
Solid@algoux/standard-ranklist-renderer-component-solid
Svelte@algoux/standard-ranklist-renderer-component-svelte

应用场景

Renderer 组件已被广泛应用于:

  • 过往多届 CCPC 官方榜单页面
  • RankLand 平台的榜单展示
  • Kessoku Series 直播导播套件
  • 其他社区开发的竞赛相关应用

在线预览

在线体验

最快的体验方式是访问 RankLand Playground,无需安装任何依赖即可看到 Renderer 的渲染效果。

如需查看包详情和发布记录,请访问项目仓库:

algoux/standard-ranklist-renderer-component