折叠面板:修订间差异
更新日期: 2024-06-03 最新编辑:郑妹仙
无编辑摘要 |
无编辑摘要 |
||
(未显示2个用户的22个中间版本) | |||
第1行: | 第1行: | ||
==== 折叠面板 ==== | |||
<syntaxhighlight lang="html"> | |||
<div class="panel-group"> | <div class="panel-group"> | ||
<div class=" | <div class="panel-info"> | ||
<div class="panel-heading">测试标题1111</div> | <div class="panel-heading">测试标题1111</div> | ||
<div class="mw-collapsible mw-made-collapsible"> | <div class="mw-collapsible mw-made-collapsible"> | ||
第9行: | 第12行: | ||
</div> | </div> | ||
</div> | </div> | ||
<div class=" | <div class="panel-info"> | ||
<div class="panel-heading">测试标题2222</div> | <div class="panel-heading">测试标题2222</div> | ||
<div class="mw-collapsible mw-made-collapsible mw-collapsed"> | <div class="mw-collapsible mw-made-collapsible mw-collapsed"> | ||
第18行: | 第21行: | ||
</div> | </div> | ||
</div> | </div> | ||
<div class=" | <div class="panel-info"> | ||
<div class="panel-heading">测试标题3333</div> | <div class="panel-heading">测试标题3333</div> | ||
<div class="mw-collapsible mw-made-collapsible mw-collapsed"> | <div class="mw-collapsible mw-made-collapsible mw-collapsed"> | ||
第29行: | 第32行: | ||
</div> | </div> | ||
{{#css: | {{#css: | ||
.panel-group { | .panel-group { margin-bottom: 20px } | ||
.panel-info { position: relative; margin-bottom: 2px; font-size: 14px; } | |||
} | .panel-heading { padding: 10px 20px; font-weight: bold; color: #915d2e; background: #dfcdad; } | ||
.panel-body{ color: #666; background: #fbf9f1; padding: 10px 20px; } | |||
.panel-body p{ line-height: 1.6;} | |||
.panel-info .mw-collapsible-text:hover{ text-decoration: none;} | |||
.mw-collapsible-toggle-default:before,.mw-collapsible-toggle-default:after{ display: none;} | |||
.mw-collapsible-toggle{ position: absolute; width: 100%; left: 0;top: 0; } | |||
.mw-collapsible-toggle .mw-collapsible-text,.mw-collapsible-toggle-collapsed .mw-collapsible-text{ | |||
position: relative; | |||
font-size: 0; | |||
display: block; | |||
width: 100%; | |||
&::after{ | |||
content: '-'; | |||
color: #987b5d; | |||
font-size: 28px; | |||
display: block; | |||
text-align: right; | |||
padding-right: 20px; | |||
line-height: 1.3; | |||
} | |||
} | |||
.mw-collapsible-toggle-collapsed .mw-collapsible-text{ | |||
&::after{ | |||
content: '+'; | |||
padding-right: 16px; | |||
} | |||
} | |||
}} | |||
</syntaxhighlight> | |||
.panel-info { | <div class="panel-group"> | ||
<div class="panel-info"> | |||
<div class="panel-heading">测试标题1111</div> | |||
<div class="mw-collapsible mw-made-collapsible"> | |||
<div class="panel-body"> | |||
<p>在剧情方面,为了让老玩家有更多的回忆。《魔力宝贝》手游版的剧情衔接更加的紧凑,让玩家有更多的代入感。完全没有因为是手游而偷工减料感觉在剧情方面,为了让老玩家有更多的回忆。《魔力宝贝》手游版的剧情衔接更加的紧凑,让玩家有更多的代入感。</p> | |||
<p>在剧情方面,为了让老玩家有更多的回忆。《魔力宝贝》手游版的剧情衔接更加的紧凑,让玩家有更多的代入感。完全没有因为是手游而偷工减料感觉在剧情方面,为了让老玩家有更多的回忆。《魔力宝贝》手游版的剧情衔接更加的紧凑,让玩家有更多的代入感。</p> | |||
</div> | |||
</div> | |||
</div> | |||
<div class="panel-info"> | |||
<div class="panel-heading">测试标题2222</div> | |||
<div class="mw-collapsible mw-made-collapsible mw-collapsed"> | |||
<div class="panel-body"> | |||
<p>在剧情方面,为了让老玩家有更多的回忆。《魔力宝贝》手游版的剧情衔接更加的紧凑,让玩家有更多的代入感。完全没有因为是手游而偷工减料感觉在剧情方面,为了让老玩家有更多的回忆。《魔力宝贝》手游版的剧情衔接更加的紧凑,让玩家有更多的代入感。</p> | |||
<p>在剧情方面,为了让老玩家有更多的回忆。《魔力宝贝》手游版的剧情衔接更加的紧凑,让玩家有更多的代入感。完全没有因为是手游而偷工减料感觉在剧情方面,为了让老玩家有更多的回忆。《魔力宝贝》手游版的剧情衔接更加的紧凑,让玩家有更多的代入感。</p> | |||
</div> | |||
</div> | |||
</div> | |||
<div class="panel-info"> | |||
<div class="panel-heading">测试标题3333</div> | |||
<div class="mw-collapsible mw-made-collapsible mw-collapsed"> | |||
<div class="panel-body"> | |||
<p>在剧情方面,为了让老玩家有更多的回忆。《魔力宝贝》手游版的剧情衔接更加的紧凑,让玩家有更多的代入感。完全没有因为是手游而偷工减料感觉在剧情方面,为了让老玩家有更多的回忆。《魔力宝贝》手游版的剧情衔接更加的紧凑,让玩家有更多的代入感。</p> | |||
<p>在剧情方面,为了让老玩家有更多的回忆。《魔力宝贝》手游版的剧情衔接更加的紧凑,让玩家有更多的代入感。完全没有因为是手游而偷工减料感觉在剧情方面,为了让老玩家有更多的回忆。《魔力宝贝》手游版的剧情衔接更加的紧凑,让玩家有更多的代入感。</p> | |||
</div> | |||
</div> | |||
</div> | |||
</div> | |||
{{#css: | |||
.panel-group { margin-bottom: 20px } | |||
.panel-info { position: relative; margin-bottom: 2px; font-size: 14px; } | |||
.panel-heading { padding: 10px 20px; font-weight: bold; color: #915d2e; background: #dfcdad; } | |||
.panel-body{ color: #666; background: #fbf9f1; padding: 10px 20px; } | |||
.panel-body p{ line-height: 1.6;} | |||
.panel-info .mw-collapsible-text:hover{ text-decoration: none;} | |||
.mw-collapsible-toggle-default:before,.mw-collapsible-toggle-default:after{ display: none;} | |||
.mw-collapsible-toggle{ position: absolute; width: 100%; left: 0;top: 0; } | |||
.mw-collapsible-toggle .mw-collapsible-text,.mw-collapsible-toggle-collapsed .mw-collapsible-text{ | |||
position: relative; | |||
font-size: 0; | |||
display: block; | |||
width: 100%; | |||
&::after{ | |||
content: '-'; | |||
color: #987b5d; | |||
font-size: 28px; | |||
display: block; | |||
text-align: right; | |||
padding-right: 20px; | |||
line-height: 1.3; | |||
} | |||
} | |||
.mw-collapsible-toggle-collapsed .mw-collapsible-text{ | |||
&::after{ | |||
content: '+'; | |||
padding-right: 16px; | |||
} | |||
} | |||
}} | }} |
2024年5月29日 (三) 15:19的最新版本
折叠面板
<div class="panel-group">
<div class="panel-info">
<div class="panel-heading">测试标题1111</div>
<div class="mw-collapsible mw-made-collapsible">
<div class="panel-body">
<p>在剧情方面,为了让老玩家有更多的回忆。《魔力宝贝》手游版的剧情衔接更加的紧凑,让玩家有更多的代入感。完全没有因为是手游而偷工减料感觉在剧情方面,为了让老玩家有更多的回忆。《魔力宝贝》手游版的剧情衔接更加的紧凑,让玩家有更多的代入感。</p>
<p>在剧情方面,为了让老玩家有更多的回忆。《魔力宝贝》手游版的剧情衔接更加的紧凑,让玩家有更多的代入感。完全没有因为是手游而偷工减料感觉在剧情方面,为了让老玩家有更多的回忆。《魔力宝贝》手游版的剧情衔接更加的紧凑,让玩家有更多的代入感。</p>
</div>
</div>
</div>
<div class="panel-info">
<div class="panel-heading">测试标题2222</div>
<div class="mw-collapsible mw-made-collapsible mw-collapsed">
<div class="panel-body">
<p>在剧情方面,为了让老玩家有更多的回忆。《魔力宝贝》手游版的剧情衔接更加的紧凑,让玩家有更多的代入感。完全没有因为是手游而偷工减料感觉在剧情方面,为了让老玩家有更多的回忆。《魔力宝贝》手游版的剧情衔接更加的紧凑,让玩家有更多的代入感。</p>
<p>在剧情方面,为了让老玩家有更多的回忆。《魔力宝贝》手游版的剧情衔接更加的紧凑,让玩家有更多的代入感。完全没有因为是手游而偷工减料感觉在剧情方面,为了让老玩家有更多的回忆。《魔力宝贝》手游版的剧情衔接更加的紧凑,让玩家有更多的代入感。</p>
</div>
</div>
</div>
<div class="panel-info">
<div class="panel-heading">测试标题3333</div>
<div class="mw-collapsible mw-made-collapsible mw-collapsed">
<div class="panel-body">
<p>在剧情方面,为了让老玩家有更多的回忆。《魔力宝贝》手游版的剧情衔接更加的紧凑,让玩家有更多的代入感。完全没有因为是手游而偷工减料感觉在剧情方面,为了让老玩家有更多的回忆。《魔力宝贝》手游版的剧情衔接更加的紧凑,让玩家有更多的代入感。</p>
<p>在剧情方面,为了让老玩家有更多的回忆。《魔力宝贝》手游版的剧情衔接更加的紧凑,让玩家有更多的代入感。完全没有因为是手游而偷工减料感觉在剧情方面,为了让老玩家有更多的回忆。《魔力宝贝》手游版的剧情衔接更加的紧凑,让玩家有更多的代入感。</p>
</div>
</div>
</div>
</div>
{{#css:
.panel-group { margin-bottom: 20px }
.panel-info { position: relative; margin-bottom: 2px; font-size: 14px; }
.panel-heading { padding: 10px 20px; font-weight: bold; color: #915d2e; background: #dfcdad; }
.panel-body{ color: #666; background: #fbf9f1; padding: 10px 20px; }
.panel-body p{ line-height: 1.6;}
.panel-info .mw-collapsible-text:hover{ text-decoration: none;}
.mw-collapsible-toggle-default:before,.mw-collapsible-toggle-default:after{ display: none;}
.mw-collapsible-toggle{ position: absolute; width: 100%; left: 0;top: 0; }
.mw-collapsible-toggle .mw-collapsible-text,.mw-collapsible-toggle-collapsed .mw-collapsible-text{
position: relative;
font-size: 0;
display: block;
width: 100%;
&::after{
content: '-';
color: #987b5d;
font-size: 28px;
display: block;
text-align: right;
padding-right: 20px;
line-height: 1.3;
}
}
.mw-collapsible-toggle-collapsed .mw-collapsible-text{
&::after{
content: '+';
padding-right: 16px;
}
}
}}
测试标题1111
在剧情方面,为了让老玩家有更多的回忆。《魔力宝贝》手游版的剧情衔接更加的紧凑,让玩家有更多的代入感。完全没有因为是手游而偷工减料感觉在剧情方面,为了让老玩家有更多的回忆。《魔力宝贝》手游版的剧情衔接更加的紧凑,让玩家有更多的代入感。
在剧情方面,为了让老玩家有更多的回忆。《魔力宝贝》手游版的剧情衔接更加的紧凑,让玩家有更多的代入感。完全没有因为是手游而偷工减料感觉在剧情方面,为了让老玩家有更多的回忆。《魔力宝贝》手游版的剧情衔接更加的紧凑,让玩家有更多的代入感。
测试标题2222
在剧情方面,为了让老玩家有更多的回忆。《魔力宝贝》手游版的剧情衔接更加的紧凑,让玩家有更多的代入感。完全没有因为是手游而偷工减料感觉在剧情方面,为了让老玩家有更多的回忆。《魔力宝贝》手游版的剧情衔接更加的紧凑,让玩家有更多的代入感。
在剧情方面,为了让老玩家有更多的回忆。《魔力宝贝》手游版的剧情衔接更加的紧凑,让玩家有更多的代入感。完全没有因为是手游而偷工减料感觉在剧情方面,为了让老玩家有更多的回忆。《魔力宝贝》手游版的剧情衔接更加的紧凑,让玩家有更多的代入感。
测试标题3333
在剧情方面,为了让老玩家有更多的回忆。《魔力宝贝》手游版的剧情衔接更加的紧凑,让玩家有更多的代入感。完全没有因为是手游而偷工减料感觉在剧情方面,为了让老玩家有更多的回忆。《魔力宝贝》手游版的剧情衔接更加的紧凑,让玩家有更多的代入感。
在剧情方面,为了让老玩家有更多的回忆。《魔力宝贝》手游版的剧情衔接更加的紧凑,让玩家有更多的代入感。完全没有因为是手游而偷工减料感觉在剧情方面,为了让老玩家有更多的回忆。《魔力宝贝》手游版的剧情衔接更加的紧凑,让玩家有更多的代入感。