Basic基本功能
# Default 默认
使用名称为 csap-default
# 使用说明
csap-default
作用于在没有任何可用UI名称时使用。
# 使用方式
图层或者组的名称,使用该名称即可。
# Text 文字
名称 csap-text
# 使用说明
普通文字
# 使用方式
# 演示效果
# Layout 布局
使用名称为:
外层 csap-layout
行:csap-layout-row
列:csap-layout-col
# 使用说明
csap-layout
在行和列的外层,csap-layout-row
在 csap-layout-col
外层
# 使用方式
# 演示效果
# Container 布局容器
使用名称为 csap-container
# 使用说明
用于布局的容器组件,方便快速搭建页面的基本结构:
csap-container
:外层容器。当子元素中包含 csap-header 或 csap-footer 时,全部子元素会垂直上下排列,否则会水平左右排列。如果容器内部有其他组件,不包括如下4个组件,默认当内容使用
csap-header
:顶栏容器。
csap-aside
:侧边栏容器。
csap-main
:主要区域容器。
csap-footer
:底栏容器。
# 使用方式
# 演示效果
# Border边框
名称 csap-border
# 使用说明
# 使用方式
# 演示效果
# Bg 背景
名称 csap-bg
# 使用说明
csap-bg
组件作用于背景颜色
# 使用方式
# 演示效果
即当前背景颜色
# Button 按钮
名称 csap-button
# 使用说明
普通按钮,如登录,注册,确认,取消按钮
# 使用方式
# 演示效果
# Image 图片
名称 csap-image
# 使用说明
图片