修改指引 赞赏页 donate.html

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

加载动画

参照index.html>加载动画

直接展示的内容

头像与标题的修改方式与 index.html>首页直接展示的内容 相同

但是向访客展示的“感谢”信息修改方式则是在Vue定义中，在80行处

// Show on loaded
text:"<p>感谢您的支持，您可以在下方选择支持方式</p>",

虽然叫text，但是是html格式，也就是说可以发挥很多想象力（虽然我知道有点不方便）。

与 index.html>首页直接展示的内容 一样，你仍需注意不要乱改Vue的东西。

支付信息

转到82行Vue处，在method数组里有关于支付信息的定义

method:[
	{
		name:"Alipay",
		icon:"icon brands fa-alipay",
		desc:"支付宝",
		content:"<img src=\"images/demoQR.png\" class=\"qr\" />",
		show: false
	},
],

数据格式如下：

• name: String 用于代表这个支付信息，程序定位用， 非空且不同
• icon: String 用于展示图标，是一个class的值，使用fontawesome图标
• desc: String 描述信息，最好填上，用于一些有的没的的用处
• content: String 支付方式所展示的内容，HTML，具体作用可以点击模板展示页中底部三个按钮查看具体效果
• show: boolean 默认 false ，由程序修改，用于判断是否显示，若为 true 则直接就展示出来了 理论上也是你写多少个就会展示多少个，但是……超过5个可能会让网页看的很难看。

根据UA自动展示付款信息

在189行-208行有具体实现方法

function loaded(){
	var url;
	var browser = navigator.userAgent.toLowerCase();
	if (browser.match(/MicroMessenger/i) == 'micromessenger') {
		//微信浏览器
		setTimeout(function(){mainsec.showMethod("Wechat")},1500);
	} else if(browser.indexOf(' qq') != -1 && browser.indexOf('mqqbrowser') != -1){
		//qq内置浏览器
		setTimeout(function(){mainsec.showMethod("QQ")},1500);
	} else if(/AlipayClient/.test(window.navigator.userAgent)){
		//支付宝浏览器
		setTimeout(function(){mainsec.showMethod("Alipay")},1500);
		url = "#"; // Your alipay link
	}
	if(url){
		setTimeout(function(){
			window.location.href=url
		},2500);
	}
}

其中，替换UA和对应 mainsec.showMethod()中的参数即可实现对应功能

关于直接跳转到对应界面

经测试，微信肯定不能直接打开微信的支付界面，QQ好像也不行，但是支付宝可以，只需要一个超链接

alipayqr://platformapi/startapp?saId=10000007&qrcode=[YourUrl]

其中[YourUrl]替换为你的支付宝二维码提取的链接并使用urlencode转换后的字符串，这样用户打开这个链接的时候就会跳转到支付宝的支付页面了。

页脚Footer

与 index.html>页脚 相同

过渡动画

与 index.html>过渡动画 相同

其他小东西

js中有个 toIndex() 函数可以有个小动画转换到首页。