From b1b250ea1cc6fe98e5e794f4252b396246f122e2 Mon Sep 17 00:00:00 2001
From: itorr <itorrrrrr@me.com>
Date: Sat, 13 Aug 2022 10:16:08 +0800
Subject: [PATCH] =?UTF-8?q?=E4=B8=8B=E8=BD=BD=E6=8C=89=E9=92=AE=E6=94=B9?=
 =?UTF-8?q?=E4=B8=BA=E9=93=BE=E6=8E=A5=E5=85=83=E7=B4=A0=20#10=EF=BC=8C?=
 =?UTF-8?q?=E6=9B=B4=E6=94=B9=E6=96=87=E6=A1=88=20GIF=20support=20#7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md     | 9 ++++++++-
 document.js   | 6 +++---
 document.less | 6 +++++-
 index.html    | 2 +-
 4 files changed, 17 insertions(+), 6 deletions(-)

diff --git a/README.md b/README.md
index 9871667..9e65e09 100644
--- a/README.md
+++ b/README.md
@@ -2,6 +2,13 @@
 
 给表情赋予年份
 
+
+      
+2022-08-02:
+支持 **GIF** 动图啦！!
+[#7](https://github.com/itorr/patina/pull/7)
+[@拆家大主教](https://github.com/HomeArchbishop)
+
 支持 **图片绿化**、**虚拟水印**、**虚拟传播年份**、**高效率模糊**、**浮雕锐化**、**噪点颗粒**、**像素不对齐**、**作假多次包浆绿化** 和 基础 **对比度**、**亮度**调整 以及 **波普重复功能**😈
 
 水印用户名可自定义
@@ -9,7 +16,7 @@
 
 
 ## 项目地址
-[https://lab.magiconch.com/patina/](https://lab.magiconch.com/patina/?from=github)
+[https://magiconch.com/patina/](https://magiconch.com/patina/)
 
 ## 为什么做
 图片效果化处理摸索中
diff --git a/document.js b/document.js
index b69827e..633a9ca 100644
--- a/document.js
+++ b/document.js
@@ -257,11 +257,11 @@ const app = new Vue({
 			_config.userNames = this.userNamesText.trim().split('\n')
 			this.config = _config
 		},
-		save(){
-			const a = document.createElement('a');
+		save(e){
+			const a = e.target;
 			a.href = this.output;
 			a.download = `[lab.magiconch.com][电子包浆]-${+Date.now()}.jpg`;
-			a.click();
+			// a.click();
 		}
 	},
 	watch:{
diff --git a/document.less b/document.less
index e0de5a4..5fddeaf 100644
--- a/document.less
+++ b/document.less
@@ -294,16 +294,20 @@ footer{
 }
 
 
-button{
+button,.btn{
+	display: inline-block;
+	box-sizing: content-box;
 	border:2px solid currentColor;
 	color:currentColor;
 	appearance: none;
 	padding:4px 6px;
+	line-height: 1.4;
 	background: var(--background-color);
 	box-shadow:
 		2px 2px 0 #FFF inset,
 		-2px -2px 0 rgba(0,0,0,.1) inset;
 	cursor: pointer;
+	text-decoration: none;
 }
 
 fieldset{
diff --git a/index.html b/index.html
index 1b7cda3..f957c3a 100644
--- a/index.html
+++ b/index.html
@@ -17,7 +17,7 @@ <h1>电子包浆 图片赛博做旧</h1>
     <div class="ctrl-box" v-if="config" v-cloak>
         <div class="input-box">
             <button @click="chooseFileAndSetImageSrc">选择或粘贴拖拽图片</button>
-            <button @click="save">保存图片</button>
+            <a class="btn" @click="save">保存图片</a>
             <button v-if="isShouldRedoGIF && isGIF" @click="_patina">重新渲染GIF</button>
         </div>
         <div class="input-box" style="padding:10px 0;">