mirror of
https://github.com/Powerful-517/yys-editor.git
synced 2025-07-08 05:11:52 +00:00
增加御魂选择器
This commit is contained in:
@ -8,14 +8,14 @@
|
||||
@tab-click="handleClick"
|
||||
>
|
||||
<el-tab-pane
|
||||
v-for="(rarity, index) in rarityLevels"
|
||||
v-for="(yuhunType, index) in yuhunTypes"
|
||||
:key="index"
|
||||
:label="rarity.label"
|
||||
:name="rarity.name"
|
||||
:label="yuhunType.label"
|
||||
:name="yuhunType.name"
|
||||
>
|
||||
<div v-if="rarityLevels.includes(rarity)"> <!-- 只在这些级别中显示内容 -->
|
||||
<div v-if="yuhunTypes.includes(yuhunType)"> <!-- 只在这些级别中显示内容 -->
|
||||
<el-space wrap size="large">
|
||||
<div v-for="i in filterShikigamiByRarity(rarity.name)" :key="i.name">
|
||||
<div v-for="i in filterShikigamiByRarity(yuhunType.name)" :key="i.name">
|
||||
<el-button style="width: 100px; height: 100px;" @click.stop="confirm(i)">
|
||||
<img :src="i.avatar" style="width: 99px; height: 99px;">
|
||||
</el-button>
|
||||
@ -37,6 +37,7 @@
|
||||
|
||||
<script lang="ts">
|
||||
import shikigamiData from "../data/Shikigami.json";
|
||||
import yuhunData from "../data/Yuhun.json";
|
||||
import { ref } from "vue";
|
||||
import type { TabsPaneContext } from 'element-plus'
|
||||
|
||||
@ -60,42 +61,42 @@ export default {
|
||||
data() {
|
||||
return {
|
||||
activeName:activeName,
|
||||
shikigamiData: shikigamiData,
|
||||
yuhunData: yuhunData,
|
||||
selected: null,
|
||||
current: {},
|
||||
show: false,
|
||||
rarityLevels: [
|
||||
yuhunTypes: [
|
||||
{
|
||||
"label":"全部",
|
||||
"name":"ALL"
|
||||
},
|
||||
{
|
||||
"label":"攻击加成",
|
||||
"name":"SP"
|
||||
"name":"Attack"
|
||||
},
|
||||
{
|
||||
"label":"暴击",
|
||||
"name":"SSR"
|
||||
"name":"Crit"
|
||||
},
|
||||
{
|
||||
"label":"生命加成",
|
||||
"name":"SR"
|
||||
"name":"Health"
|
||||
},
|
||||
{
|
||||
"label":"防御加成",
|
||||
"name":"R"
|
||||
"name":"Defense"
|
||||
},
|
||||
{
|
||||
"label":"效果命中",
|
||||
"name":"N"
|
||||
"name":"ControlHit"
|
||||
},
|
||||
{
|
||||
"label":"效果抵抗",
|
||||
"name":"L"
|
||||
"name":"ControlMiss"
|
||||
},
|
||||
{
|
||||
"label":"呱太",
|
||||
"name":"G"
|
||||
"label":"首领御魂",
|
||||
"name":"PVE"
|
||||
},
|
||||
],
|
||||
};
|
||||
@ -124,14 +125,14 @@ export default {
|
||||
this.$emit("updateShikigami", JSON.parse(JSON.stringify(i)))
|
||||
// this.current = {};
|
||||
},
|
||||
filterShikigamiByRarity(rarity) {
|
||||
if(rarity.toLowerCase() == "all")
|
||||
return this.shikigamiData
|
||||
filterShikigamiByRarity(yuhunType) {
|
||||
if(yuhunType.toLowerCase() == "all")
|
||||
return this.yuhunData
|
||||
// 将传入的rarity参数转换为小写
|
||||
const lowerCaseRarity = rarity.toLowerCase();
|
||||
return this.shikigamiData.filter(shikigami =>
|
||||
const lowerCaseYuhunType = yuhunType.toLowerCase();
|
||||
return this.yuhunData.filter(yuhun =>
|
||||
// 将shikigami对象的rarity属性也转换为小写进行比较
|
||||
shikigami.rarity.toLowerCase() === lowerCaseRarity
|
||||
yuhun.type.toLowerCase() === lowerCaseYuhunType
|
||||
);
|
||||
},
|
||||
},
|
||||
|
276
src/data/Yuhun.json
Normal file
276
src/data/Yuhun.json
Normal file
@ -0,0 +1,276 @@
|
||||
[
|
||||
{
|
||||
"name": "隐念",
|
||||
"type": "attack",
|
||||
"avatar": "/assets/Yuhun/隐念.png"
|
||||
},
|
||||
{
|
||||
"name": "贝吹坊",
|
||||
"type": "attack",
|
||||
"avatar": "/assets/Yuhun/贝吹坊.png"
|
||||
},
|
||||
{
|
||||
"name": "兵主部",
|
||||
"type": "attack",
|
||||
"avatar": "/assets/Yuhun/兵主部.png"
|
||||
},
|
||||
{
|
||||
"name": "狂骨",
|
||||
"type": "attack",
|
||||
"avatar": "/assets/Yuhun/狂骨.png"
|
||||
},
|
||||
{
|
||||
"name": "阴摩罗",
|
||||
"type": "attack",
|
||||
"avatar": "/assets/Yuhun/阴摩罗.png"
|
||||
},
|
||||
{
|
||||
"name": "心眼",
|
||||
"type": "attack",
|
||||
"avatar": "/assets/Yuhun/心眼.png"
|
||||
},
|
||||
{
|
||||
"name": "鸣屋",
|
||||
"type": "attack",
|
||||
"avatar": "/assets/Yuhun/鸣屋.png"
|
||||
},
|
||||
{
|
||||
"name": "狰",
|
||||
"type": "attack",
|
||||
"avatar": "/assets/Yuhun/狰.png"
|
||||
},
|
||||
{
|
||||
"name": "轮入道",
|
||||
"type": "attack",
|
||||
"avatar": "/assets/Yuhun/轮入道.png"
|
||||
},
|
||||
{
|
||||
"name": "蝠翼",
|
||||
"type": "attack",
|
||||
"avatar": "/assets/Yuhun/蝠翼.png"
|
||||
},
|
||||
{
|
||||
"name": "应声虫",
|
||||
"type": "Crit",
|
||||
"avatar": "/assets/Yuhun/应声虫.png"
|
||||
},
|
||||
{
|
||||
"name": "海月火玉",
|
||||
"type": "Crit",
|
||||
"avatar": "/assets/Yuhun/海月火玉.png"
|
||||
},
|
||||
{
|
||||
"name": "青女房",
|
||||
"type": "Crit",
|
||||
"avatar": "/assets/Yuhun/青女房.png"
|
||||
},
|
||||
{
|
||||
"name": "针女",
|
||||
"type": "Crit",
|
||||
"avatar": "/assets/Yuhun/针女.png"
|
||||
},
|
||||
{
|
||||
"name": "镇墓兽",
|
||||
"type": "Crit",
|
||||
"avatar": "/assets/Yuhun/镇墓兽.png"
|
||||
},
|
||||
{
|
||||
"name": "破势",
|
||||
"type": "Crit",
|
||||
"avatar": "/assets/Yuhun/破势.png"
|
||||
},
|
||||
{
|
||||
"name": "伤魂鸟",
|
||||
"type": "Crit",
|
||||
"avatar": "/assets/Yuhun/伤魂鸟.png"
|
||||
},
|
||||
{
|
||||
"name": "网切",
|
||||
"type": "Crit",
|
||||
"avatar": "/assets/Yuhun/网切.png"
|
||||
},
|
||||
{
|
||||
"name": "三味",
|
||||
"type": "Crit",
|
||||
"avatar": "/assets/Yuhun/三味.png"
|
||||
},
|
||||
{
|
||||
"name": "叠叩",
|
||||
"type": "Health",
|
||||
"avatar": "/assets/Yuhun/叠叩.png"
|
||||
},
|
||||
{
|
||||
"name": "恶楼",
|
||||
"type": "Health",
|
||||
"avatar": "/assets/Yuhun/恶楼.png"
|
||||
},
|
||||
{
|
||||
"name": "涂佛",
|
||||
"type": "Health",
|
||||
"avatar": "/assets/Yuhun/涂佛.png"
|
||||
},
|
||||
{
|
||||
"name": "树妖",
|
||||
"type": "Health",
|
||||
"avatar": "/assets/Yuhun/树妖.png"
|
||||
},
|
||||
{
|
||||
"name": "薙魂",
|
||||
"type": "Health",
|
||||
"avatar": "/assets/Yuhun/薙魂.png"
|
||||
},
|
||||
{
|
||||
"name": "钟灵",
|
||||
"type": "Health",
|
||||
"avatar": "/assets/Yuhun/钟灵.png"
|
||||
},
|
||||
{
|
||||
"name": "镜姬",
|
||||
"type": "Health",
|
||||
"avatar": "/assets/Yuhun/镜姬.png"
|
||||
},
|
||||
{
|
||||
"name": "被服",
|
||||
"type": "Health",
|
||||
"avatar": "/assets/Yuhun/被服.png"
|
||||
},
|
||||
{
|
||||
"name": "涅槃之火",
|
||||
"type": "Health",
|
||||
"avatar": "/assets/Yuhun/涅槃之火.png"
|
||||
},
|
||||
{
|
||||
"name": "地藏像",
|
||||
"type": "Health",
|
||||
"avatar": "/assets/Yuhun/地藏像.png"
|
||||
},
|
||||
{
|
||||
"name": "火之车",
|
||||
"type": "Defense",
|
||||
"avatar": "/assets/Yuhun/火之车.png"
|
||||
},
|
||||
{
|
||||
"name": "出世螺",
|
||||
"type": "Defense",
|
||||
"avatar": "/assets/Yuhun/出世螺.png"
|
||||
},
|
||||
{
|
||||
"name": "魅妖",
|
||||
"type": "Defense",
|
||||
"avatar": "/assets/Yuhun/魅妖.png"
|
||||
},
|
||||
{
|
||||
"name": "珍珠",
|
||||
"type": "Defense",
|
||||
"avatar": "/assets/Yuhun/珍珠.png"
|
||||
},
|
||||
{
|
||||
"name": "木魅",
|
||||
"type": "Defense",
|
||||
"avatar": "/assets/Yuhun/木魅.png"
|
||||
},
|
||||
{
|
||||
"name": "日女巳时",
|
||||
"type": "Defense",
|
||||
"avatar": "/assets/Yuhun/日女巳时.png"
|
||||
},
|
||||
{
|
||||
"name": "反枕",
|
||||
"type": "Defense",
|
||||
"avatar": "/assets/Yuhun/反枕.png"
|
||||
},
|
||||
{
|
||||
"name": "招财猫",
|
||||
"type": "Defense",
|
||||
"avatar": "/assets/Yuhun/招财猫.png"
|
||||
},
|
||||
{
|
||||
"name": "雪幽魂",
|
||||
"type": "Defense",
|
||||
"avatar": "/assets/Yuhun/雪幽魂.png"
|
||||
},
|
||||
{
|
||||
"name": "元兴寺",
|
||||
"type": "ControlHit",
|
||||
"avatar": "/assets/Yuhun/元兴寺.png"
|
||||
},
|
||||
{
|
||||
"name": "遗念火",
|
||||
"type": "ControlHit",
|
||||
"avatar": "/assets/Yuhun/遗念火.png"
|
||||
},
|
||||
{
|
||||
"name": "飞缘魔",
|
||||
"type": "ControlHit",
|
||||
"avatar": "/assets/Yuhun/飞缘魔.png"
|
||||
},
|
||||
{
|
||||
"name": "蚌精",
|
||||
"type": "ControlHit",
|
||||
"avatar": "/assets/Yuhun/蚌精.png"
|
||||
},
|
||||
{
|
||||
"name": "火灵",
|
||||
"type": "ControlHit",
|
||||
"avatar": "/assets/Yuhun/火灵.png"
|
||||
},
|
||||
{
|
||||
"name": "钓瓶火",
|
||||
"type": "ControlMiss",
|
||||
"avatar": "/assets/Yuhun/钓瓶火.png"
|
||||
},
|
||||
{
|
||||
"name": "共潜",
|
||||
"type": "ControlMiss",
|
||||
"avatar": "/assets/Yuhun/共潜.png"
|
||||
},
|
||||
{
|
||||
"name": "幽谷响",
|
||||
"type": "ControlMiss",
|
||||
"avatar": "/assets/Yuhun/幽谷响.png"
|
||||
},
|
||||
{
|
||||
"name": "返魂香",
|
||||
"type": "ControlMiss",
|
||||
"avatar": "/assets/Yuhun/返魂香.png"
|
||||
},
|
||||
{
|
||||
"name": "骰子鬼",
|
||||
"type": "ControlMiss",
|
||||
"avatar": "/assets/Yuhun/骰子鬼.png"
|
||||
},
|
||||
{
|
||||
"name": "魍魉之匣",
|
||||
"type": "ControlMiss",
|
||||
"avatar": "/assets/Yuhun/魍魉之匣.png"
|
||||
},
|
||||
{
|
||||
"name": "鬼灵歌伎",
|
||||
"type": "PVE",
|
||||
"avatar": "/assets/Yuhun/鬼灵歌伎.png"
|
||||
},
|
||||
{
|
||||
"name": "蜃气楼",
|
||||
"type": "PVE",
|
||||
"avatar": "/assets/Yuhun/蜃气楼.png"
|
||||
},
|
||||
{
|
||||
"name": "地震鲶",
|
||||
"type": "PVE",
|
||||
"avatar": "/assets/Yuhun/地震鲶.png"
|
||||
},
|
||||
{
|
||||
"name": "荒骷髅",
|
||||
"type": "PVE",
|
||||
"avatar": "/assets/Yuhun/荒骷髅.png"
|
||||
},
|
||||
{
|
||||
"name": "胧车",
|
||||
"type": "PVE",
|
||||
"avatar": "/assets/Yuhun/胧车.png"
|
||||
},{
|
||||
"name": "土蜘蛛",
|
||||
"type": "PVE",
|
||||
"avatar": "/assets/Yuhun/土蜘蛛.png"
|
||||
}
|
||||
]
|
Reference in New Issue
Block a user