Donate Page 新增风格

2019-03-28 05:29:55 +08:00
 Kaiyuan

之前做的一个 Donate Page 现在新增了一种风格。

这次做了一个 Z 轴缩放的动画。原本是想做多个图标可以根据 URL 来选择显示的图标的,还想做成按钮而不是页面,但是做起来麻烦很多,最后都是直接做个页面先,以后有心情再考虑做成按钮。

Coffee icon by jamneo

Chinese Font: 汉仪晨妹子

直接 Fork 之后需要修改以下内容为你的账户

/script.js:13 #Github 项目连接

/script.js:14 #PayPal.me 连接

/script.js 18 - 20 #对应二维码

使用 iframe 嵌入页面的代码,高度至少 240px,宽度至少 310px

<iframe src="https://kaiyuan.github.io/donate-page/drinks/" style="overflow-x:hidden;overflow-y:hidden; border:0xp none #fff; min-height:240px; width:100%;"  frameborder="0" scrolling="no"></iframe>

Code License

Released under the MIT license.

Github: https://github.com/Kaiyuan/donate-page/tree/gh-pages/drinks

演示: https://kaiyuan.github.io/donate-page/drinks/

2434 次点击
所在节点    分享创造
10 条回复
geelaw
2019-03-28 05:36:47 +08:00
在 iOS 上看那个头像剪影就像蝙蝠,而且是 dismiss 选项列表的时候飞一下的那种。

另外这个功能完全可以不用 JavaScript 实现。
Steps
2019-03-28 05:37:23 +08:00
很不错
geelaw
2019-03-28 05:41:19 +08:00
@geelaw #1 Aha,另一个问题是……在移动设备上应该尝试去跳转 app。(在移动设备上给出一个需要保存—打开 app —从相册选择扫描的二维码是常见设计失误。)
Kaiyuan
2019-03-28 05:55:38 +08:00
@geelaw 跳转到 App 我研究研究,我做的时候只考虑到桌面网页。
ShuoHui
2019-03-28 07:46:41 +08:00
好看
designer
2019-03-28 08:42:49 +08:00
漂亮的乞讨组建
justin2018
2019-03-28 08:54:28 +08:00
挺好看的 谢谢~
hoythan
2019-03-28 09:52:50 +08:00
逻辑有点奇怪,弹出二维码后应该点击其余空白部分关闭这个。
huiyifyj
2019-03-28 09:57:59 +08:00
还是建议放弃 jQuery 依赖 的好。😶
doublleft
2019-04-01 14:26:30 +08:00
乞讨也要看转化率的吗

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/549354

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX