所有界面，同一套组件

CoUI 是 Cocode 自主开发并使用的 UI 组件系统。从按钮到表格共 160 多个组件，在应用和网页中行为一致。

使用 CoUI 带来的变化

%%%%%%%%%%%%%%%%%%%%%%%%: ############## *******************: ########################:: # ###### ================================= ** *********: ## ###########:: ############## == =============== *******************: ########################:: ############## ================================= *******************: ########################:: ================================= *******************: ########################:: ========%%%%%%%%%%%%%%%%%%%%===== *******************: %%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%:: ******************* %%%%%%%%%%%%%%%%%%%%%%%%%: %% %%%%%%%%%:: @@@@@@@@@@@@@@@@@@: %% %%%%%%%%%%%: %%%%%%%%%%%%%%%%%%%%::&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&: @@ @@@@@@@@: %%%%%%%%%%%%%%%%%%%%%%%%%: %%%%%%%%%%%%%%%%%%%%::&& &&&&&&&&&&&&&&&&: @@@@@@@@@@@@@@@@@@: %%%%%%%%%%%%%%%%%%%%::&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&: @@@@@@@@@@@@@@@@@@: %%%%%%%%%%%%%%%%%%%%: &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&: %%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%: #########################: %%%%%%%%%%%%%: %% %%%%%%%%%%%%%: ## ###########: @@@@@@@@@@@@:: %%%%%%%%%%%%%%%%%%%%%%%%%%%%%% #########################: @@ @@@@@:

Without CoUI

每次从头绘制时

每个界面都重新绘制，周期变长
同样的按钮，各个界面各不相同
应用与网页设计不一致
下一个团队要逐个读懂各界面不同的代码

---------------------------------------------------------------------------------------------------------------------- %%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%% ###################: ###################: ###################: ###################: ###################: ## ######: ## ######: ## ######: ## ######: ## ######: ## #########: ## #########: ## #########: ## #########: ## #########: ###################: ###################: ###################: ###################: ###################: %%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%% ###################: ###################: ###################: ###################: ###################: ## ######: ## ######: ## ######: ## ######: ## ######: ## #########: ## #########: ## #########: ## #########: ## #########: ###################: ###################: ###################: ###################: ###################: %%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%% ###################: ###################: ###################: ###################: ###################: ## ######: ## ######: ## ######: ## ######: ## ######: ## #########: ## #########: ## #########: ## #########: ## #########: ###################: ###################: ###################: ###################: ###################: ----------------------------------------------------------------------------------------------------------------------

With CoUI

使用 CoUI 时

用现成组件组装，首批界面更快
只改一个组件，全局同步生效
应用和网页使用相同组件
下一个团队也能按同一套规则看懂全部界面

CoUI 包含什么

Tokens

样式值

颜色、字体、间距、圆角集中管理

Components

160+ 个组件

按钮、输入框、列表、表格、对话框

Theme

浅色 · 深色模式

两种模式使用同一套组件

Brand

应用品牌色

只需替换 Token，即可换上客户品牌色

Responsive

适配屏幕尺寸

从手机到宽屏显示器

Base

基于 Flutter

在 Web、iOS、Android、macOS、Windows 上使用同一套组件

亲自看看

组件库 · 点击查看

浅色

深色

Button

Input

Chip

全部

进行中

完成

Toggle

Badge

完成

等待

Table

姓名

状态

王伟

李静

Select

Dialog

确定删除吗？

常见问题

CoUI 的所有权归谁？

CoUI 是 Cocode 自主开发并使用的 UI 组件系统，所有权归 Cocode。不过，我们会一并移交项目所用版本的源代码副本，并在合同中写明不受期限、数量、地域限制的使用权和修改权。

我们的开发人员可以修改 CoUI 的代码吗？

可以。我们会随源代码副本一并授予修改权；即使您把维护工作交给其他开发公司，该团队也能以同样的权限进行修改。所有界面都按同一套规则构建，下一个团队也容易理解其结构。

可以不用 CoUI 来开发吗？

可以。只是每个界面都需要从头绘制，周期会变长。咨询时，我们会根据界面清单，区分可以用 CoUI 完成的部分和需要新做的部分，并为您对比两者的周期。

CoUI 更新后，我们的服务也会随之改变吗？

不会自动改变。移交给您的 CoUI 是所用版本的源代码副本，由客户方自行管理。修改其中一个组件，所有使用该组件的界面都会同步更新。

用 CoUI 做出来的服务，会不会和其他服务看起来很像？

颜色、字体、间距、圆角都作为样式值集中管理，可以按客户的品牌替换。您可以在上方的组件库中切换品牌色和模式试试看。

先为您挑出 CoUI 能完成的界面

发来界面清单，我们会区分出 CoUI 能完成的部分和需要新做的部分。

联系咨询