Widget:消耗计算器

<script type="text/javascript" src="https://wiki.biligame.com/tools/MediaWiki:Vue3-global.js?action=raw&ctype=text/javascript"></script> <script type="text/javascript" src="https://wiki.biligame.com/tools/MediaWiki:Dom-to-image.min.js?action=raw&ctype=text/javascript"></script>

帮助

TIPS:

 ① 当处于突破等阶时可以选择突破\不突破

 ② 默认天赋计算不显示须自行打开

 ③ 默认消耗素材不显示须自行展开

 ④ 会保存上次输入的记录（清理浏览器缓存会丢失）

 ⑤ 左侧显示所有需要素材合计

Ps:

 1. 未实装角色、武器无法计算素材属于正常情况

<img src="https://patchwiki.biligame.com/images/ys/f/fc/37xtz93b68ycv6lr4jip3llbrk268nq.png" alt="" /> 不再提示（收至左上角帮助）

{{文字角标(jnIndex)[1]}}

<img :src="获取图片(jnIndex)" /> <input type="number" v-model="背包素材[jnIndex]" />

<rh v-for="item in Array(12)"></rh>

资源总汇

副本等级 <select v-model="设置.关卡等级"> <option :value="jnItem" v-for="(jnItem,jnIndex) in Array.from(Array(6), (_,i) => i + 1)">模板:JnItem级</option> </select>

<img :src="获取图片('背包','UIimgData')" alt="" /> 背包素材

<img :src="获取图片('设置','UIimgData')" alt="" />设置

新增加角色初始等级 <input v-model="设置.角色默认等级[0]" type="number" />

<input v-model="设置.角色默认等级[1]" type="number" />

---

新增加武器初始等级 <input v-model="设置.武器默认等级[0]" type="number" />

<input v-model="设置.武器默认等级[1]" type="number" />

---

导入导出计算器数据（仅用于本计算器）

<label class="btn-set-b" for="jsonUpload">

<svg t="1678164769666" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6475" id="mx_n_1678164769667" width="20" height="20" style="margin-right: 8px"> <path d="M768 841.142857q0-14.857143-10.857143-25.714286t-25.714286-10.857142-25.714285 10.857142-10.857143 25.714286 10.857143 25.714286 25.714285 10.857143 25.714286-10.857143 10.857143-25.714286z m146.285714 0q0-14.857143-10.857143-25.714286t-25.714285-10.857142-25.714286 10.857142-10.857143 25.714286 10.857143 25.714286 25.714286 10.857143 25.714285-10.857143 10.857143-25.714286z m73.142857-128v182.857143q0 22.857143-16 38.857143t-38.857142 16H91.428571q-22.857143 0-38.857142-16t-16-38.857143v-182.857143q0-22.857143 16-38.857143t38.857142-16h244q12 32 40.285715 52.571429t63.142857 20.571428h146.285714q34.857143 0 63.142857-20.571428t40.285715-52.571429h244q22.857143 0 38.857142 16t16 38.857143z m-185.714285-370.285714q-9.714286 22.857143-33.714286 22.857143h-146.285714v256q0 14.857143-10.857143 25.714285t-25.714286 10.857143H438.857143q-14.857143 0-25.714286-10.857143t-10.857143-25.714285V365.714286H256q-24 0-33.714286-22.857143-9.714286-22.285714 8-39.428572L486.285714 47.428571q10.285714-10.857143 25.714286-10.857142t25.714286 10.857142l256 256q17.714286 17.142857 8 39.428572z" p-id="6476" fill="#ece5d8" ></path> </svg> 导入计算器数据

<input class="hide" @change="导入数据" type="file" accept=".json" id="jsonUpload" /> </label>

<svg t="1678433910496" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="12277" width="20" height="20" style="margin-right: 8px"> <path d="M976 736H48c-26.5 0-48 21.5-48 48v192c0 26.5 21.5 48 48 48h928c26.5 0 48-21.5 48-48V784c0-26.5-21.5-48-48-48zM736 896c0-17.7 14.3-32 32-32s32 14.3 32 32-14.3 32-32 32-32-14.3-32-32z m128 32c-17.7 0-32-14.3-32-32s14.3-32 32-32 32 14.3 32 32-14.3 32-32 32zM696.6 344.4H592c-17.7 0-32-14.3-32-32V4h-96v308.4c0 17.7-14.3 32-32 32H327.4c-3.1 0-5 3.3-3.5 6L508.5 670c1.5 2.7 5.4 2.7 6.9 0L700 350.4c1.6-2.7-0.4-6-3.4-6z" p-id="12278" fill="#ece5d8" ></path> </svg> 导出计算器数据

---

保存数据到Wiki（可跨设备使用 ）

<svg style="margin-right: 8px" t="1678440099130" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2754" width="20" height="20"> <path d="M704 128H192c-35.2 0-64 28.8-64 64v640c0 35.2 28.8 64 64 64h640c35.2 0 64-28.8 64-64V320L704 128zM256 256h320v128H256V256z m256 512c-70.4 0-128-57.6-128-128s57.6-128 128-128 128 57.6 128 128-57.6 128-128 128z" p-id="2755" fill="#ece5d8"></path> </svg> 存取数据于Wiki

<input class="save-wiki" type="text" v-model="wikiItem.name" />

读取数据

<svg style="margin-right: 4px" t="1678440099130" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2754" width="16" height="16"> <path d="M704 128H192c-35.2 0-64 28.8-64 64v640c0 35.2 28.8 64 64 64h640c35.2 0 64-28.8 64-64V320L704 128zM256 256h320v128H256V256z m256 512c-70.4 0-128-57.6-128-128s57.6-128 128-128 128 57.6 128 128-57.6 128-128 128z" p-id="2755" fill="#2d2d2d"></path> </svg> 保存数据

---

清空背包素材

角色武器清零

是否全部计算

觉得不错的话 关注下呗

github

一起统计掉落数量 完善期望功能吧！

预计需要体力与花费天数
因期望数据全是假数据故体力花费非常不准确

<img :src="获取图片('体力','UIimgData')" /> x {{体力计算[0]}}

约{{体力计算[1]}}天

---

{{文字角标(jnIndex)[1]}}

<img :src="获取图片(jnIndex)" /> <input type="number" v-model="背包素材[jnIndex]" />

{{文字角标(jnIndex)[1]}}

<img :src="获取图片(jnIndex)" />

x模板:数字转换(jnItem)

<rh v-for="item in Array(4)"></rh>

模板:Item.name

<img @click="delBtn(item.key)" class="btn-min" :src="获取图片('删除按钮','UIimgData')" /> <img @click="计算开关(item.key)" class="btn-min" :src="获取图片('计算按钮','UIimgData')" style="margin-left: 4px" />

<img @click="计算开关(item.key)" class="btn-min" :src="获取图片('不计算按钮','UIimgData')" />

<img v-for="(jsItem,jsIndex) in 角色列表" :class="item.列表属性==jsIndex?:'filter-Gray'" :src="获取图片(jsIndex,'UIimgData')" @click="更改列表属性(item.key,'角色',jsIndex)" />

<img :src="获取图片(`${jsItem[0]}头像`)" />

{{jsItem[0]}}

<rh v-for="item in Array(4)"></rh>

<img :src="获取图片(`${item.name}头像`)" @click="打开列表(item.key,'角色')" /> <img class="btn-del" :src="获取图片('删除按钮','UIimgData')" @click="delBtn(item.key)" />

模板:Item.name

养成完毕

技能计算

填写等级

<input v-model="item.等级[0]" type="number" @blur="角色计算(item.key)" />

<input v-model="item.等级[1]" type="number" @blur="角色计算(item.key)" />

{{item.计算相关[0]==false?'不突破':'突破'}}

{{item.计算相关[1]==false?'不突破':'突破'}}

<img :src="获取图片(`技能${jnIndex+1}`,'UIimgData')" alt="" />

<input v-model="jnItem[0]" type="number" @blur="技能计算(item.key)" />

<input v-model="jnItem[1]" type="number" @blur="技能计算(item.key)" />

x模板:数字转换(jnItem)

<rh v-for="item in Array(4)"></rh>

{{item.显示[2]==true?"收起":"展开"}}

<img :src="获取图片('添加按钮','UIimgData')" />

模板:Item.name

<img @click="delBtn(item.key,'武器')" class="btn-min" :src="获取图片('删除按钮','UIimgData')" /> <img @click="计算开关(item.key,'武器')" class="btn-min" :src="获取图片('计算按钮','UIimgData')" style="margin-left: 4px" />

<img @click="计算开关(item.key,'武器')" class="btn-min" :src="获取图片('不计算按钮','UIimgData')" />

<img v-for="(jsItem,jsIndex) in 武器列表" :class="item.列表属性==jsIndex?:'filter-Gray'" :src="获取图片(jsIndex,'UIimgData')" @click="更改列表属性(item.key,'武器',jsIndex)" />

<img :src="获取图片(jsItem[0])" />

{{jsItem[0]}}

<rh v-for="item in Array(4)"></rh>

<img :src="获取图片(item.name)" @click="打开列表(item.key,'武器')" /> <img class="btn-del" :src="获取图片('删除按钮','UIimgData')" @click="delBtn(item.key,'武器')" />

模板:Item.name

养成完毕

填写等级

<input v-model="item.等级[0]" type="number" @blur="武器计算(item.key)" />

<input v-model="item.等级[1]" type="number" @blur="武器计算(item.key)" />

{{item.计算相关[0]==false?'不突破':'突破'}}

{{item.计算相关[1]==false?'不突破':'突破'}}

x模板:数字转换(jnItem)

<rh v-for="item in Array(4)"></rh>

{{item.显示[2]==true?"收起":"展开"}}

<img :src="获取图片('添加按钮','UIimgData')" />