首页
系统
阅读
工具
文档
登录
Flex布局
表单布局
卡片布局
表格布局
栅格化布局
图标[ICON]
标签[LABEL]
按钮[BTN]
填充[FILL]
文本颜色[COLOR]
卡片及布局[.card.card-*]
什么是卡片布局?
卡片布局是KuoqiUI核心布局方式之一,使用不同卡片快速实现不同的布局视图及内容显示,常规写法为[.card.card-*],一般卡片都拥有基础格式,card-head,card-body与card-foot,基础代码参考如下
常用布局
[.card.card-3d]3D视图卡片
[.card.card-accordion]手风琴卡片
[.card.card-ball]小球卡片
[.card.card-box]盒子卡片
[.card.card-chat]聊天项卡片
[.card.card-chatbox]聊天盒子卡片
[.card.card-code]代码盒子卡片
[.card.card-cpanel]面版卡片
[.card.card-cube]立方体卡片
[.card.card-editor]编辑器卡片
[.card.card-drag]拖拽卡片
[.card.card-footbar]页脚卡片
[.card.card-head]页眉卡片
[.card.card-image]单图卡片
[.card.card-imagepanel]图片面板卡片
[.card.card-inbox]内部盒子卡片
[.card.card-item]列表卡片
[.card.card-label]标签卡片
[.card.card-json]JSON数据卡片
[.card.card-marguee]滚动卡片
[.card.card-mask]蒙版卡片
[.card.card-menus]菜单卡片
[.card.card-menus-weixin]微信菜单卡片
[.card.card-paginate]分页卡片
[.card.card-popup]弹出层卡片
[.card.card-progress]进度条卡片
[.card.card-roll]滚动卡片盒子
[.card.card-tab]可切换选项卡
[.card.card-timeaxis]时间轴卡片
[.card.card-time]时间显示器卡片
[.card.card-toggle]可折叠卡片
[.card.card-tree]树枝型卡片
高级布局