修改指引 二维码生成 qr.html

本页将指引您修改 qr.html 中的内部分内容

二维码生成页是你可以对网页物尽其用的地方，在这里你可以知道还有各种各样的东西你没有用到，可以先来这里玩。

加载动画

不多说了， index.html>加载动画

头像及标题等

直接修改 “Untitled”、及img的src属性值就行，不多解释了。

展示的内容

所有你所见的文字都可以修改（但是不代表改了文字功能也会变），功能是写死的，不过可以在js中增删改查。

示例：

<label style="font-size: 1em;">选择页面</label>
<input type="radio" id="pay" name="switchPage" v-model="method" value="pay"/><label for="pay">支付页面</label>
<input type="radio" id="index" name="switchPage" v-model="method" value="index"/><label for="index">关于页</label>
<input type="radio" id="donate" name="switchPage" v-model="method" value="donate"/><label for="donate">捐赠页</label>

“选择页面” “支付页面” “关于页”等文字都可以直接改，但是类似 v-model 等非原生h5属性尽量不要乱改，不过Vue好的大佬可以在明白意思后配合js一块修改。

剩余功能也是都是写死的，能修改的都可以按上述方法修改；改变功能可以配合js修改。

JS中需要改的地方

• 在110行 base link标注的地方，请将变量texts改为网页的域名：

// ...
methods:{
	genqr: function(){
		$("#qr").html("");
		var texts = "https://example.com/"; // Base Link
		if(this.method == "pay"){
			texts = texts + "pay.html?";
			if(this.amount){
				texts = texts + "amount=" + this.amount +"&";
			}
			if(this.FROM){
// ...

需要 http(s):// 和最后的 / ，如果没有可能会导致生成的URL不正确，导致二维码也不正确。

• 在94行 Default shows注释标注的变量method表示的是页面加载后默认展示的功能

data:{
	method:"pay", // Default shows
	FROM:"",
// ...

若没有对功能修改，则可选：pay => 支付页, index => 首页, donate => 打赏页

要求非空

页脚Footer

与 index.html>Footer页脚 相同