下载按钮改为链接元素 #10，更改文案 GIF support #7

itorr · Aug 13, 2022 · b1b250e · b1b250e
1 parent 430a6a1
commit b1b250e
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 6 deletions.
diff --git a/README.md b/README.md
@@ -2,14 +2,21 @@
 
 给表情赋予年份
 
+
+      
+2022-08-02:
+支持 **GIF** 动图啦！!
+[#7](https://github.com/itorr/patina/pull/7)
+[@拆家大主教](https://github.com/HomeArchbishop)
+
 支持 **图片绿化**、**虚拟水印**、**虚拟传播年份**、**高效率模糊**、**浮雕锐化**、**噪点颗粒**、**像素不对齐**、**作假多次包浆绿化** 和 基础 **对比度**、**亮度**调整 以及 **波普重复功能**😈
 
 水印用户名可自定义
 可选择原尺寸输出图片
 
 
 ## 项目地址
-[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
@@ -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
@@ -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
@@ -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;">