|
|
| 第47行： |
第47行： |
| </div> | | </div> |
|
| |
|
| {{#css:
| |
| .y_tabbar {
| |
| margin: 0;
| |
| background-color: transparent;
| |
| }
| |
|
| |
| .y_tabbar .first-level-tabs,
| |
| .y_tabbar .second-level-tabs {
| |
| display: flex;
| |
| flex-direction: row;
| |
| background-color: transparent;
| |
| margin-bottom: 0;
| |
| color: #457afb;
| |
| box-shadow: inset 0 -1px 0 0 #a2a9b1;
| |
| }
| |
|
| |
| .y_tabbar .first-level-tabs .tab-btn:hover,
| |
| .y_tabbar .second-level-tabs .tab-btn:hover {
| |
| text-decoration: underline;
| |
| }
| |
|
| |
|
| |
|
| |
| .y_tabbar .first-level-tabs div,
| |
| .y_tabbar .second-level-tabs div {
| |
| padding: 10px 20px;
| |
| cursor: pointer;
| |
| border-right: none;
| |
| }
| |
|
| |
| .y_tabbar .first-level-tabs div:last-child,
| |
| .y_tabbar .second-level-tabs div:last-child {
| |
| border-right: none;
| |
| }
| |
|
| |
| .y_tabbar .first-level-tabs div.active,
| |
| .y_tabbar .second-level-tabs div.active {
| |
| background-color: #e0e0e0;
| |
| text-decoration: underline;
| |
| }
| |
|
| |
| .y_tabbar .second-level-container {
| |
| background-color: transparent;
| |
| border: none;
| |
| border-radius: 5px;
| |
| padding: 0;
| |
| margin-left: 0;
| |
| }
| |
|
| |
| .y_tabbar .content {
| |
| margin-top: 0;
| |
| text-align: left;
| |
| }
| |
|
| |
| /* 添加选中效果样式 */
| |
| .y_tabbar .selected {
| |
| border-bottom: 3px solid #457afb;
| |
| }
| |
|
| |
|
| |
| }}
| |
| {{ResourceLoader|MediaWiki:Y_tabbar.js|isModuleES6=true}} | | {{ResourceLoader|MediaWiki:Y_tabbar.js|isModuleES6=true}} |
