修改指引 付款页 pay.html

本页面将引导您修改 pay.html 中的内容

以下内容与打赏页完全一致

• 加载动画
• 直接展示的内容
• 支付信息
• 根据UA自动展示付款信息
  • 关于直接跳转到对应界面
• 页脚Footer
• 过渡动画
• 其他小东西

请前往 修改指引 赞赏页 donate.html 查看以上内容

或者可以根据印象改（？）

金额展示

在第47行有这么几个标签 center.mountPart

<center class="mountPart" v-if="showAmount">
	<b><span style="font-size: 3em; color: #25b684;">{{ intpart }}.</span><span style="font-size: 2.3em; color: #25b684;">{{ doublepart }}</span><span style="color: #fffff8; font-size: 2em;">元</span></b>
	<p style="color: #cacaca; font-size: 0.9em;">设置的金额</p>
</center>

其中第二行是金额显示的区域，第三行是提示消息的区域，除了 {{ intpart }} 和 {{ doublepart }} 都可以随意改 效果可以看演示：https://template.orangii.cn/pay.html?amount=2.33

整体样式类 .mountPart 在head标签中，大概12行位置

.mountPart{
	text-align: center;
	background-color: #313131;
	height: 80%;
	border-radius: 1.6em;
	letter-spacing: 0.5em;
	line-height: 2em;
	padding: 1em;
	height: 6.5em;
	opacity: 0.9;
}

修改其中样式以达到你想要的样子。 目前有一个小问题就是如果url中小数点后面没东西或者什么乱七八糟的情况，可能会出现数字消失的问题。（因为写的判断比较简单）。

如果你想修改这个逻辑，可以看到代码最下面231行左右这里：

if(getQueryVariable("amount")){
	mainsec.showAmount = 1;
	mainsec.intpart = getQueryVariable("amount").split('.')[0];
	mainsec.doublepart = getQueryVariable("amount").split('.')[1];
}