V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
Kaiyuan
V2EX  ›  分享创造

Donate Page 新增风格

  •  
  •   Kaiyuan ·
    Kaiyuan · 2019-03-28 05:29:55 +08:00 · 2413 次点击
    这是一个创建于 2066 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

    Donate Page Drinks

    coffee 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/

    第 1 条附言  ·  2019-06-02 17:56:26 +08:00
    10 条回复    2019-04-01 14:26:30 +08:00
    geelaw
        1
    geelaw  
       2019-03-28 05:36:47 +08:00 via iPhone
    在 iOS 上看那个头像剪影就像蝙蝠,而且是 dismiss 选项列表的时候飞一下的那种。

    另外这个功能完全可以不用 JavaScript 实现。
    Steps
        2
    Steps  
       2019-03-28 05:37:23 +08:00
    很不错
    geelaw
        3
    geelaw  
       2019-03-28 05:41:19 +08:00 via iPhone
    @geelaw #1 Aha,另一个问题是……在移动设备上应该尝试去跳转 app。(在移动设备上给出一个需要保存—打开 app —从相册选择扫描的二维码是常见设计失误。)
    Kaiyuan
        4
    Kaiyuan  
    OP
       2019-03-28 05:55:38 +08:00 via iPhone
    @geelaw 跳转到 App 我研究研究,我做的时候只考虑到桌面网页。
    ShuoHui
        5
    ShuoHui  
       2019-03-28 07:46:41 +08:00 via iPhone
    好看
    designer
        6
    designer  
       2019-03-28 08:42:49 +08:00 via iPhone
    漂亮的乞讨组建
    justin2018
        7
    justin2018  
       2019-03-28 08:54:28 +08:00
    挺好看的 谢谢~
    hoythan
        8
    hoythan  
       2019-03-28 09:52:50 +08:00
    逻辑有点奇怪,弹出二维码后应该点击其余空白部分关闭这个。
    huiyifyj
        9
    huiyifyj  
       2019-03-28 09:57:59 +08:00 via Android
    还是建议放弃 jQuery 依赖 的好。😶
    doublleft
        10
    doublleft  
       2019-04-01 14:26:30 +08:00
    乞讨也要看转化率的吗
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2752 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 14:31 · PVG 22:31 · LAX 06:31 · JFK 09:31
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.