模板:角色图鉴/影画：修订间差异

2024年7月5日 (五) 18:57的版本

影画1

影画2

影画3

@@ 第1行： / 第1行： @@
 <includeonly>
-<div class="soc-focus mb-2">
+<center>
+<div class="weapon-item-container">
    <div class="soc-focus-c">
      <div class="soc-swiper-container">
        <div class="swiper-wrapper">
          <div class="swiper-slide">
-           <a target="_blank" class="item" link=>[[File:{{#var:角色名称国服}}-影画1.png|link=]]<div class="title">影画1</div></a>
+           [[File:{{#var:角色名称国服}}-影画1.png|link=]]<div class="title">影画1</div>
-        </div>
-        <div class="swiper-slide">
-          <a target="_blank" class="item" link=>[[File:{{#var:角色名称国服}}-影画2.png|link=]]<div class="title">影画2</div></a>
-        </div>
-        <div class="swiper-slide">
-          <a target="_blank" class="item" link=>[[File:{{#var:角色名称国服}}-影画3.png|link=]]<div class="title">影画3</div></a>
          </div>
+        {{#ifexist: File:{{#var:角色名称国服}}-影画2.png|<div class="swiper-slide">
+          [[File:{{#var:角色名称国服}}-影画2.png|link=]]<div class="title">影画2</div>
+        </div>}}
+        {{#ifexist: File:{{#var:角色名称国服}}-影画3.png|<div class="swiper-slide">
+          [[File:{{#var:角色名称国服}}-影画3.png|link=]]<div class="title">影画3</div>
+        </div>}}
        </div>
+      <div class="weapon-item-highlight"></div>
        <div class="soc-swiper-pagination"></div>
        <div class="soc-swiper-button-prev"></div>
@@ 第20行： / 第22行： @@
    </div>
 </div>
+</center>
+{{#CSS:
+.weapon-item-container{
+    position: relative;
+    bottom: 10px;
+    top: -10;
+    width: 60vw;
+}
+.soc-focus-c {
+    width: 60vw !important;
+}
+.soc-focus-c .swiper-slide {
+    background: none!important;
+}
+<!-- 标签选中时 -->
+.tabber__tab[aria-selected='true'], .tabber__tab[aria-selected='true']:visited {
+    color: #222122 !important;
+    background: #d8fa00;
+}
+<!-- 标签下面的样式线 -->
+.tabber__indicator {
+    background: #222122;
+}
+<!-- 选中时的文字的下划线 -->
+.so-content-in a:hover, .so-content-in a:focus {
+    text-decoration: none !important;
+}
+<!-- 未选中标签的文字被按住时 -->
+.so-content-in a:active {
+    color: #BAD700 !important;
+}
+<!-- 调整标签位置 -->
+.tabber__tabs {
+    padding-left: 6px;
+    padding-right: 6px;
+}
+.tabber__panel{
+    padding-left: 0px !important;
+    padding-right: 0px !important;
+    padding: 0 !important;
+}
+.weapon-item-container {
+    <!-- width: 100%; /* 调整为100%，使其填充父容器 */ -->
+    width: 60vw;
+    background: linear-gradient(to bottom, #000, #333);
+    border-radius: 5px;
+    border: 2px solid #555;
+    position: relative;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+.weapon-item-image {
+    width: 90%;
+    height: auto;
+    z-index: 2;
+}
+.weapon-item-highlight {
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    height: 14px;
+    background-color: #8f6f216e;
+}
+}}
 </includeonly><noinclude>
 {{设定参数
 |角色名称国服=猫宫又奈
 }}{{角色图鉴/影画}}