布局

两列右侧自适应布局

Example

左侧定宽

右侧自适应

两列左侧自适应布局

Example

左侧自适应

右侧定宽

三列中间自适应布局

Example

左侧定宽

中间自适应

右侧定宽

三列左侧自适应布局

Example

左侧自适应

右侧定宽

三列右侧自适应布局

Example

左侧定宽

右侧自适应

文字排版

文本颜色

Example

文本示例 o-red

文本示例 o-yellow

文本示例 o-blue

文本示例 o-lightblue

文本示例 o-green

文本示例 o-brown

文本示例 o-darkgray

文本示例 o-gray

文本示例 o-lightgray

文本示例 o-#27c27c

文本示例 o-#f1f1f1

文本示例 o-#a9a9a9

文本示例 o-#333

下划线

强调

文本示例 o-red

文本示例 o-yellow

文本示例 o-blue

文本示例 o-lightblue

文本示例 o-green

文本示例 o-brown

文本示例 o-darkgray

文本示例 o-gray

文本示例 o-lightgray

文本示例 o-#27c27c

文本示例 o-#f1f1f1

文本示例 o-#a9a9a9

文本示例 o-#333

下划线

强调

按钮

不同的元素a,button,submit

Example

normal btn

  
                                        normal btn

不同颜色

Example

primary btn green btn red btn orange btn blue btn gray btn gray light btn gray dark btn

  
                                        primary btn
                                        green btn
                                        red btn
                                        orange btn
                                        blue btn
                                        gray btn
                                        gray light btn
                                        gray dark btn

不同大小

Example

small btn nomal btn large btn

offline常用

Example

链接按钮超链接

offline尺寸

Example

超链接超链接超链接

按钮状态

Example

链接按钮超链接

关闭按钮

Example

×

表格

一级表格

Example

	酒店ID	酒店名称	酒店房型	操作
	123456	上海洲际大酒店	豪华大床房	编辑

二级表格

Example

	酒店ID	酒店名称	酒店房型	操作
	123456	上海洲际大酒店	豪华大床房	编辑删除

图标

常用图标汇总

Example

提示信息

默认样式

Example

提示信息提示信息提示信息

出错提示出错提示！

  
                                        
                                             提示信息提示信息提示信息
                                        
                                        
                                            
                                            
                                                出错提示出错提示！

多行提示

Example

提示信息提示信息提示信息

提示信息提示信息提示信息提示信息提示信息提示信息提示信息提示信息提示信息

提示信息提示信息提示信息

  
                                        
                                            
                                            
                                                提示信息提示信息提示信息
                                                提示信息提示信息提示信息提示信息提示信息提示信息提示信息提示信息提示信息
                                                提示信息提示信息提示信息

静态框

默认样式

Example

  
                                        
                                            
                                                模态框-标题
                                            
                                            请在此处加载具体内容...
                                            
                                                
                                                
                                            
                                            ×

警示框

Example

  
                                        
                                            
                                                取消订单
                                            
                                            
                                                
                                                    
                                                    
                                                        你是否确认取消本次预定？
                                                        次要提示说明信息次要提示说明信息次要提示说明信息次要提示说明信息次要提示说明信息
                                                    
                                                
                                            
                                            
                                                
                                                
                                            
                                            ×

标签过滤

默认样式

Example

  
                                        
                                            
                                                携程：
                                                
                                                    不限海口（17）
                                                
                                            
                                            
                                                饿了么：
                                                
                                                    不限80-100万100-120万120-150万150-200万200-300万
                                                
                                            
                                            
                                                百度：
                                                
                                                    不限二居三居四居五居

CuTe UI

基础样式

布局

两列右侧自适应布局

两列左侧自适应布局

三列中间自适应布局

三列左侧自适应布局

三列右侧自适应布局

文字排版

文本颜色

按钮

不同的元素a,button,submit

不同颜色

不同大小

offline常用

offline尺寸

按钮状态

关闭按钮

表单

基本构成

组合组件

表格

一级表格

二级表格

图标

常用图标汇总

提示信息

默认样式

多行提示

静态框

默认样式

警示框

标签过滤

默认样式

CuTEUI是什么