跳转到内容

Test:修订间差异

来自失传媒体中文维基

页面于 16天前HW 建立

页面于 7小时前HW 编辑

状态:未填写 | 类型:未填写

HW
HW留言 | 贡献
HW
HW留言 | 贡献
第1行: 第1行:
<div class="lm-collapsible lm-collapsible--expanded">
<!-- 写法1:只在展开时显示内容 -->
<div class="lm-collapsible__expand">+ 展开</div>
<div class="lm-collapsible">
<div class="lm-collapsible__collapse">- 隐藏</div>
<div class="lm-toggle">
<div class="lm-collapsible__content">
<span class="lm-icon">+</span>
<div>展开后的文本(简单模式)</div>
<span class="lm-text">展开查看更多</span>
</div>
<div class="lm-content">
这里是折叠起来的详细内容<br>
</div>
</div>
</div>
</div>


 
<!-- 写法2:展开前后都显示一部分内容(更常见的一种用法) -->
<div class="lm-collapsible">
<div class="lm-collapsible">
<div class="lm-collapsible__expand">+ 展开</div>
<div class="lm-toggle">
<div class="lm-collapsible__collapse">- 隐藏</div>
<span class="lm-icon">+</span>
<div class="lm-collapsible__content">
<span class="lm-text">查看完整回答</span>
<div>展开前显示的文本(预览)</div>
</div>
<div>展开后的文本(详情)</div>
<div class="lm-content">
<!-- 展开前一直显示的部分 -->
<div class="lm-preview">
这是一段简介文字,大概就两三行...<br>
看起来还不错对吧?
</div>
   
<!-- 只在展开后显示的部分 -->
<div class="lm-hidden-part">
但是其实后面还有很多内容没说呢~<br>
比如这个功能的实现原理是……<br>
此处省略500字)<br>
最后再来个总结:非常好用!
</div>
</div>
</div>
</div>
</div>





2026年3月7日 (六) 10:23的版本

+ 展开查看更多

这里是折叠起来的详细内容

+ 查看完整回答

这是一段简介文字,大概就两三行...
看起来还不错对吧?

但是其实后面还有很多内容没说呢~
比如这个功能的实现原理是……
此处省略500字)
最后再来个总结:非常好用!





此图片含限制性内容

本图包含限制性内容,可能不适合未满18周岁者阅读。若你符合年龄限制要求并愿意继续阅读,请点击下方的按钮继续查看。





描述文本