登录B站账号访问本页即可注册本Wiki,点击登录
背景色更换功能请前往PC端使用
本Wiki注册达5000、20000人时,有额外奖励,快分享给好友吧!
活动:测试1
阅读
2024-08-08更新
最新编辑:萌新灬小瓜
阅读:
更新日期:2024-08-08
最新编辑:萌新灬小瓜
- 活动时间:2024年04月17日12:00 -- 05月08日02:59
<style>
.tab-container {
margin: 15px;
padding: 15px;
border: 1px solid #ccc;
border-radius: 8px;
}
.tab-container .tab-container { border-color: #666; margin-left: 30px; }
.tab-container .tab-container .tab-container { border-color: #333; margin-left: 60px; }
.tab-list { display: flex; gap: 8px; margin-bottom: 12px; }
.tab-item {
padding: 8px 16px;
cursor: pointer;
border: 1px solid #ddd;
border-radius: 4px 4px 0 0;
background: #f5f5f5;
}
.tab-item.active {
background: #2196F3;
color: white;
border-color: #2196F3;
}
.tab-content {
display: none;
padding: 12px;
border-top: 1px solid #ddd;
}
.tab-content.visible { display: block; }
</style>
<style>
.tab-container {
margin: 15px;
padding: 15px;
border: 1px solid #ccc;
border-radius: 8px;
}
.tab-container .tab-container { border-color: #666; margin-left: 30px; }
.tab-container .tab-container .tab-container { border-color: #333; margin-left: 60px; }
.tab-list { display: flex; gap: 8px; margin-bottom: 12px; }
.tab-item {
padding: 8px 16px;
cursor: pointer;
border: 1px solid #ddd;
border-radius: 4px 4px 0 0;
background: #f5f5f5;
}
.tab-item.active {
background: #2196F3;
color: white;
border-color: #2196F3;
}
.tab-content {
display: none;
padding: 12px;
border-top: 1px solid #ddd;
}
.tab-content.visible { display: block; }
</style>
<style>
.tab-container {
margin: 15px;
padding: 15px;
border: 1px solid #ccc;
border-radius: 8px;
}
.tab-container .tab-container { border-color: #666; margin-left: 30px; }
.tab-container .tab-container .tab-container { border-color: #333; margin-left: 60px; }
.tab-list { display: flex; gap: 8px; margin-bottom: 12px; }
.tab-item {
padding: 8px 16px;
cursor: pointer;
border: 1px solid #ddd;
border-radius: 4px 4px 0 0;
background: #f5f5f5;
}
.tab-item.active {
background: #2196F3;
color: white;
border-color: #2196F3;
}
.tab-content {
display: none;
padding: 12px;
border-top: 1px solid #ddd;
}
.tab-content.visible { display: block; }
</style>
<style>
.tab-container {
margin: 15px;
padding: 15px;
border: 1px solid #ccc;
border-radius: 8px;
}
.tab-container .tab-container { border-color: #666; margin-left: 30px; }
.tab-container .tab-container .tab-container { border-color: #333; margin-left: 60px; }
.tab-list { display: flex; gap: 8px; margin-bottom: 12px; }
.tab-item {
padding: 8px 16px;
cursor: pointer;
border: 1px solid #ddd;
border-radius: 4px 4px 0 0;
background: #f5f5f5;
}
.tab-item.active {
background: #2196F3;
color: white;
border-color: #2196F3;
}
.tab-content {
display: none;
padding: 12px;
border-top: 1px solid #ddd;
}
.tab-content.visible { display: block; }
</style>
<style>
.tab-container {
margin: 15px;
padding: 15px;
border: 1px solid #ccc;
border-radius: 8px;
}
.tab-container .tab-container { border-color: #666; margin-left: 30px; }
.tab-container .tab-container .tab-container { border-color: #333; margin-left: 60px; }
.tab-list { display: flex; gap: 8px; margin-bottom: 12px; }
.tab-item {
padding: 8px 16px;
cursor: pointer;
border: 1px solid #ddd;
border-radius: 4px 4px 0 0;
background: #f5f5f5;
}
.tab-item.active {
background: #2196F3;
color: white;
border-color: #2196F3;
}
.tab-content {
display: none;
padding: 12px;
border-top: 1px solid #ddd;
}
.tab-content.visible { display: block; }
</style>
<style>
.tab-container {
margin: 15px;
padding: 15px;
border: 1px solid #ccc;
border-radius: 8px;
}
.tab-container .tab-container { border-color: #666; margin-left: 30px; }
.tab-container .tab-container .tab-container { border-color: #333; margin-left: 60px; }
.tab-list { display: flex; gap: 8px; margin-bottom: 12px; }
.tab-item {
padding: 8px 16px;
cursor: pointer;
border: 1px solid #ddd;
border-radius: 4px 4px 0 0;
background: #f5f5f5;
}
.tab-item.active {
background: #2196F3;
color: white;
border-color: #2196F3;
}
.tab-content {
display: none;
padding: 12px;
border-top: 1px solid #ddd;
}
.tab-content.visible { display: block; }
</style>
模板:活动关卡导航 <style>
.tab-container {
margin: 15px;
padding: 15px;
border: 1px solid #ccc;
border-radius: 8px;
}
.tab-container .tab-container { border-color: #666; margin-left: 30px; }
.tab-container .tab-container .tab-container { border-color: #333; margin-left: 60px; }
.tab-list { display: flex; gap: 8px; margin-bottom: 12px; }
.tab-item {
padding: 8px 16px;
cursor: pointer;
border: 1px solid #ddd;
border-radius: 4px 4px 0 0;
background: #f5f5f5;
}
.tab-item.active {
background: #2196F3;
color: white;
border-color: #2196F3;
}
.tab-content {
display: none;
padding: 12px;
border-top: 1px solid #ddd;
}
.tab-content.visible { display: block; }
</style>
<style>
.tab-container {
margin: 15px;
padding: 15px;
border: 1px solid #ccc;
border-radius: 8px;
}
.tab-container .tab-container { border-color: #666; margin-left: 30px; }
.tab-container .tab-container .tab-container { border-color: #333; margin-left: 60px; }
.tab-list { display: flex; gap: 8px; margin-bottom: 12px; }
.tab-item {
padding: 8px 16px;
cursor: pointer;
border: 1px solid #ddd;
border-radius: 4px 4px 0 0;
background: #f5f5f5;
}
.tab-item.active {
background: #2196F3;
color: white;
border-color: #2196F3;
}
.tab-content {
display: none;
padding: 12px;
border-top: 1px solid #ddd;
}
.tab-content.visible { display: block; }
</style>
| 任务描述 | 任务奖励 |
|---|---|
| 通关迷城蛛影-01 | |
| 通关迷城蛛影-02 | |
| 通关迷城蛛影-03 | |
| 通关迷城蛛影-04 | |
| 通关迷城蛛影-05 | |
| 通关迷城蛛影-06 | |
| 通关迷城蛛影-07 | |
| 通关迷城蛛影-08 | |
| 通关迷城蛛影-09 | |
| 通关迷城蛛影-10 | |
| 通关迷城蛛影-11 | |
| 通关迷城蛛影-12 | |
| 通关迷城蛛影-13 | |
| 通关迷城蛛影-01困难 | |
| 通关迷城蛛影-02困难 | |
| 通关迷城蛛影-03困难 | |
| 通关迷城蛛影-04困难 | |
| 通关迷城蛛影-05困难 | |
| 通关迷城蛛影-06困难 | |
| 通关迷城蛛影-07困难 | |
| 通关迷城蛛影-08困难 | |
| 通关迷城蛛影-09困难 | |
| 通关迷城蛛影-10困难 | |
| 通关迷城蛛影-11困难 | |
| 通关迷城蛛影-12困难 | |
| 通关迷城蛛影-13困难 | |
| 获得剧情蛛牌屋500个 | |
| 获得剧情蛛牌屋1000个 | |
| 获得剧情蛛牌屋2000个 | |
| 获得剧情蛛牌屋3000个 | |
| 获得剧情蛛牌屋4000个 | |
| 获得剧情蛛牌屋5000个 | |
| 获得剧情蛛牌屋8000个 |
<style>
.tab-container {
margin: 15px;
padding: 15px;
border: 1px solid #ccc;
border-radius: 8px;
}
.tab-container .tab-container { border-color: #666; margin-left: 30px; }
.tab-container .tab-container .tab-container { border-color: #333; margin-left: 60px; }
.tab-list { display: flex; gap: 8px; margin-bottom: 12px; }
.tab-item {
padding: 8px 16px;
cursor: pointer;
border: 1px solid #ddd;
border-radius: 4px 4px 0 0;
background: #f5f5f5;
}
.tab-item.active {
background: #2196F3;
color: white;
border-color: #2196F3;
}
.tab-content {
display: none;
padding: 12px;
border-top: 1px solid #ddd;
}
.tab-content.visible { display: block; }
</style>
<style>
.tab-container {
margin: 15px;
padding: 15px;
border: 1px solid #ccc;
border-radius: 8px;
}
.tab-container .tab-container { border-color: #666; margin-left: 30px; }
.tab-container .tab-container .tab-container { border-color: #333; margin-left: 60px; }
.tab-list { display: flex; gap: 8px; margin-bottom: 12px; }
.tab-item {
padding: 8px 16px;
cursor: pointer;
border: 1px solid #ddd;
border-radius: 4px 4px 0 0;
background: #f5f5f5;
}
.tab-item.active {
background: #2196F3;
color: white;
border-color: #2196F3;
}
.tab-content {
display: none;
padding: 12px;
border-top: 1px solid #ddd;
}
.tab-content.visible { display: block; }
</style>
待补充
<style>
.tab-container {
margin: 15px;
padding: 15px;
border: 1px solid #ccc;
border-radius: 8px;
}
.tab-container .tab-container { border-color: #666; margin-left: 30px; }
.tab-container .tab-container .tab-container { border-color: #333; margin-left: 60px; }
.tab-list { display: flex; gap: 8px; margin-bottom: 12px; }
.tab-item {
padding: 8px 16px;
cursor: pointer;
border: 1px solid #ddd;
border-radius: 4px 4px 0 0;
background: #f5f5f5;
}
.tab-item.active {
background: #2196F3;
color: white;
border-color: #2196F3;
}
.tab-content {
display: none;
padding: 12px;
border-top: 1px solid #ddd;
}
.tab-content.visible { display: block; }
</style>

沪公网安备 31011002002714 号