模板:武器图鉴/基本信息：修订间差异

2024年6月14日 (五) 14:25的最新版本

深海访客

特制的大功率变温型音擎，兼具极强的制冷能力与输出功率，是艾莲惯用的音擎款式。

名称	深海访客
属性	强攻电
高级属性	暴击率
音擎效果	对于[]角色，能够触发以下效果
诸洋之王	攻击增加20% ，对敌人施加冰冻后，暴击率增加27%，持续6秒。

@@ 第1行： / 第1行： @@
-<includeonly><h2> {{#var:武器名称}}基本信息 </h2>
+<includeonly>
-{{设定表格
+<div class="item-container">
-|武器名称={{#var:武器名称}}
+    <div class="item-header">
-|属性=<div class="flex-row-left"><div class="flex-row-icon">[[{{#switch: {{#var:属性}}
+        <div class="item-image">
-| 火|火 = File:IconFire.png
+            {{武器图鉴/立绘}}
-| 电|电 = File:IconElectric.png
+        </div>
-| 冰|冰 = File:IconIce.png
+        <div class="item-info">
-| 物理|物理 = File:IconPhysical.png
+            <div class="item-title">{{#var:武器名称国服}}</div>
-| 以太|以太 = File:IconEther.png
+            <div class="item-rarity">{{图标居左30px|{{#var:稀有度}}|隐藏名字=是}}</div>
-| #default = File:{{#var:属性}}.png
+            <div class="item-description">{{#var:一句话介绍}}</div>
-}}|30px|link=]]<center></center>{{#var:属性}}</div></div>
+        </div>
-|稀有度={{图标居中30px|{{#var:稀有度}}}}
+    </div>
-}}{{#css:
+    <div class="item-details">
-.char-table1 > * > tr > td {
+        <table>
-     padding-left: 1rem !important;
+            <tr><th>名称</th><td>{{#var:武器名称国服}}</td></tr>
+            <tr><th>属性</th><td>{{图标居左30px|{{#var:属性}}}}</td></tr>
+            <tr><th>高级属性</th><td>{{#var:高级属性}}</td></tr>
+            <tr><th>音擎效果</th><td>{{#var:音擎效果}}</td></tr>
+            <tr><th>{{#var:技能名}}</th><td>{{#var:技能名文本}}</td></tr>
+        </table>
+    </div>
+</div>
+{{#css:
+.item-container {
+    <!-- width: 1200px; -->
+    width: 95%;
+    margin: 20px auto;
+    background: linear-gradient(to bottom, #333333, #12121A); /* 修改渐变背景适应深色背景 */
+    box-shadow: 0px 6px 12px rgba(255, 255, 255, 0.1); /* 浅色的阴影增加立体感 */
+     border-radius: 10px;
+    border: 1px solid #2b2b2b; /* 浅色边框以强调边界 */
+    overflow: hidden;
 }
-.flex-row-center {
-     justify-content: left;
+.item-header {
+    display: flex;
+     justify-content: start;
+    align-items: center;
+    padding: 20px;
 }
-}}</includeonly><noinclude>
+.item-image img {
+    width: 150px;
+    height: 150px;
+    border-radius: 50%;
+    border: 4px solid #555;
+}
+.item-info {
+    margin-left: 20px;
+}
+.item-title {
+    font-size: 36px;
+    font-weight: bold;
+}
+.item-rarity {
+    font-size: 20px;
+    color: gold;
+    font-weight: bold;
+    margin: 10px 0;
+}
+.item-description {
+    font-size: 17px;
+    width: 100%;
+}
+.item-details table {
+    width: 100%;
+    background: #222; /* Darker background for the table */
+    color: white;
+    margin-top: 20px;
+    border-collapse: collapse;
+}
+.item-details th, .item-details td {
+    padding: 12px 50px; /* Increased left and right padding */
+    border-bottom: 1px solid #444; /* Subtle borders for each row */
+}
+.item-details th {
+    background: #333; /* Dark header background */
+    font-size: 16px;
+    text-align: center;
+    width: 30%;
+}
+.item-details td {
+    text-align: left;
+    font-size: 14px;
+    width: 70%;
+}
+/* 基本样式适用于桌面版 */
+/* 响应式调整用于移动设备 */
+@media screen and (max-width: 768px) {
+    .item-container {
+        width: 100%; /* 使用全屏宽度 */
+    }
+    .item-header {
+        flex-direction: column; /* 项目垂直排列 */
+        align-items: center; /* 居中对齐 */
+    }
+    .item-image img {
+        width: 120px; /* 减小图片尺寸 */
+        height: 120px;
+    }
+    .item-info {
+        margin-left: 0;
+        text-align: center; /* 文本居中 */
+    }
+    .item-details th, .item-details td {
+        padding: 8px; /* 减小内边距 */
+    }
+    .item-details th {
+        font-size: 14px; /* 减小字体大小 */
+    }
+    .item-details td {
+        font-size: 12px;
+    }
+    .item-rarity {
+        display: flex;
+        justify-content: center !important;
+    }
+}
+}}
+</includeonly><noinclude>
 {{设定参数
-|武器名称=1111
+|武器名称日服=Deep Sea Visitor
-|属性=火
+|武器名称国服=深海访客
+|属性=强攻,电
 |稀有度=S
+|一句话介绍=特制的大功率变温型音擎，兼具极强的制冷能力与输出功率，是艾莲惯用的音擎款式。
+|高级属性=暴击率
+|音擎效果=对于[]角色，能够触发以下效果
+|技能名=诸洋之王
+|技能名文本=攻击增加20% ，对敌人施加冰冻后，暴击率增加27%，持续6秒。
 }}{{武器图鉴/基本信息}}