测试页面
此页面用于测试各种UI组件和功能，保持与凌晨潜龙项目一致的设计风格。
表单元素测试
卡片组件测试
基础卡片
这是一个基础样式的卡片组件，包含标题和内容。
带图卡片
这是一个带有图片的卡片组件，适合展示产品或文章。
功能卡片
特殊功能展示卡片
这是一个功能样式的卡片，可以突出显示重要信息。
状态标签
成功
错误
警告
信息
默认
徽章
通知
3
消息
12
任务
8
其他组件测试
进度条
基础进度
65%
成功进度
90%
警告进度
75%
错误进度
40%
图标展示
首页
用户
设置
通知
搜索
邮件
日历
文件
警报框
成功提示
这是一个成功类型的警报框。
错误提示
这是一个错误类型的警报框。
警告提示
这是一个警告类型的警报框。
信息提示
这是一个信息类型的警报框。
响应式布局测试
手机视图
1列布局
sm以下
平板视图
2列布局
sm- md以下
小屏电脑
3列布局
md- lg以下
大屏电脑
4列布局
lg及以上
尝试调整浏览器窗口大小查看布局变化
测试内容 1
这是响应式布局中的测试内容卡片，在不同屏幕尺寸下会自动调整布局。
测试内容 2
这是响应式布局中的测试内容卡片，在不同屏幕尺寸下会自动调整布局。
测试内容 3
这是响应式布局中的测试内容卡片，在不同屏幕尺寸下会自动调整布局。
测试内容 4
这是响应式布局中的测试内容卡片，在不同屏幕尺寸下会自动调整布局。
测试内容 5
这是响应式布局中的测试内容卡片，在不同屏幕尺寸下会自动调整布局。
测试内容 6
这是响应式布局中的测试内容卡片，在不同屏幕尺寸下会自动调整布局。