查看“装备升级计算器”的源代码

{{文章戳
|文章上级页面=实用工具
|时间=20240614
|作者=呆毛
|作者UID=25653754
|是否原创=是
|搬运者=
|搬运者UID=
|原文地址=
}}
<!-- 此处为编辑模式下的备注信息，不会显示，无需修改，可删除
下方为填写格式示例和备注
{{文章戳
|文章上级页面=攻略类型 （请从综合攻略、活动专题、配队攻略、资源规划、机制研究、实用工具中选择其一）
|时间=本页面上传/修改时的日期 （格式为年月日 例：|时间=20010623）
|作者=作者名称 
|作者UID=作者B站UID （如未知或不愿透露可留空）
|是否原创=是/否 （选填是/否中的一项）
|搬运者=搬运者名称 （原创请留空）
|搬运者UID=搬运者B站UID（原创请留空 如未知或不愿透露可留空）
|原文地址=//www.taptap.cn/moment/518739376813903192?utm_medium=share（原创请留空 请删掉连接中开头的http:部分，保留//和之后的内容）
}}-->
<!--下面正文开始，可直接编辑-->
{{JS|EquipmentCalculator}}
<div class="main-cube" id="main-cube" data-max="75">
	<div>
		<p>类型</p>
		<span class="type-btn" data-type="1" data-pressed="true">武器或护甲</span>
		<span class="type-btn" data-type="2">挂件</span>
	</div>
	<div>
		<p>稀有度</p>
		<span class="rarity-btn" data-rarity="1">R</span>
		<span class="rarity-btn" data-rarity="2">SR</span>
		<span class="rarity-btn" data-rarity="3">SSR</span>
		<span class="rarity-btn" data-rarity="4" data-pressed="true">UR</span>
	</div>
	<div>等级预设</div>
	<span class="preset-btn" data-value1="1" data-value2="30">01 ~ 30</span>
	<span class="preset-btn" data-value1="1" data-value2="60">01 ~ 60</span>
	<span class="preset-btn" data-value1="1" data-value2="75">01 ~ 75</span>
	<span class="preset-btn" data-value1="30" data-value2="60">30 ~ 60</span>
	<span class="preset-btn" data-value1="30" data-value2="75">30 ~ 75</span>
	<span class="preset-btn" data-value1="60" data-value2="75">60 ~ 75</span>
	<span class="preset-btn" data-value1="70" data-value2="75">70 ~ 75</span>
	<div>当前等级：<span id="output-sliderA">0</span></div>
	<div>目标等级：<span id="output-sliderB">0</span></div><br>
	<div class="slider-container">
		<div class="slider-track"></div>
		<span id="slider-1" data-class="range-double" data-id="double-slider-1" data-min="1" data-max="75"
			data-value="1"></span>
		<span id="slider-2" data-class="range-double" data-id="double-slider-1" data-min="1" data-max="75"
			data-value="75"></span>
	</div>
	<div><br>
		升级所需经验：<span id="output-exp">0
		</span><br>
		升级所需星云物质：
		<span id="output-prop4">0</span>个金色星云物质或<span id="output-prop3">0</span>个紫色星云物质
		<br>
		升级所需铁盟币：<span id="output-money">0</span>
	</div>
</div>
升级装备时，每1点经验消耗10铁盟币，金色星云物质提供4000经验，紫色星云物质提供2000经验，蓝色星云物质提供1000经验，白色星云物质提供500经验<br>
具体每一级所需经验请参考[[装备升级所需经验表]]
{{#css:
body {}

.slider-container {
    position: relative;
    width: 300px;
}

input[type="range"].range-double {
    position: absolute;
    top: -11px;
    left: -9px;
    width: 310px;
    pointer-events: none;
    appearance: none;
    background: transparent;
}

input[type="range"].range-double::-webkit-slider-thumb {
    pointer-events: all;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #3498db;
    cursor: pointer;
    appearance: none;
}

input[type="range"].range-double::-moz-range-thumb {
    pointer-events: all;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #3498db;
    cursor: pointer;
}

.slider-track {
    position: absolute;
    height: 5px;
    background: #ddd;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    z-index: -1;
}

.slider-range {
    position: absolute;
    height: 5px;
    background: #3498db;
    top: 50%;
    transform: translateY(-50%);
    z-index: -1;
}

.pressed {
    background-color: #3498db;
    color: white;
}
}}