主题内置文章内容区块效果展示

卿梦 2025-07-07 184 阅读 0 评论

标签内容

提示框

这里是警告提示内容

这里是信息提示内容

这里是成功提示内容

这里是危险提示内容

这里是主要提示内容

折叠区块

默认折叠区块

这里是内容

信息折叠区块

这里是内容

成功折叠区块

这里是内容

警告折叠区块

这里是内容

危险折叠区块

这里是内容

主色折叠区块

这里是内容

时间线

2000-1-1

这是标题
这是内容

2010-1-1

这是标题
我是内容
我是第二行内容

2019-12-31 23:59

左边的时间是换行的
在时间中，用 / 号表示一个换行符

隐藏文本

❗ 此处内容已隐藏，请评论后刷新页面查看。

进度条

50%

代码区块

// 示例代码
/* 移动优先的网格布局 */
@media (max-width: 768px) {
    .article-grid { grid-template-columns: 1fr; }
}
@media (min-width: 769px) and (max-width: 1024px) {
    .article-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 1025px) {
    .article-grid { grid-template-columns: repeat(3, 1fr); }
}

/* 汉堡菜单 */
.hamburger-menu { display: none; }
@media (max-width: 768px) {
    .main-menu { display: none; }
    .hamburger-menu { display: block; }
}