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

Donate Page 新增风格

  •  
  •   Kaiyuan · 55 天前 · 1509 次点击
    这是一个创建于 55 天前的主题,其中的信息可能已经有所发展或是发生改变。

    之前做的一个 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/

    10 回复  |  直到 2019-04-01 14:26:30 +08:00
        1
    geelaw   55 天前 via iPhone
    在 iOS 上看那个头像剪影就像蝙蝠,而且是 dismiss 选项列表的时候飞一下的那种。

    另外这个功能完全可以不用 JavaScript 实现。
        2
    Steps   55 天前
    很不错
        3
    geelaw   55 天前 via iPhone
    @geelaw #1 Aha,另一个问题是……在移动设备上应该尝试去跳转 app。(在移动设备上给出一个需要保存—打开 app —从相册选择扫描的二维码是常见设计失误。)
        4
    Kaiyuan   55 天前 via iPhone
    @geelaw 跳转到 App 我研究研究,我做的时候只考虑到桌面网页。
        5
    ShuoHui   55 天前 via iPhone
    好看
        6
    designer   55 天前 via iPhone
    漂亮的乞讨组建
        7
    justin2018   55 天前
    挺好看的 谢谢~
        8
    hoythan   55 天前
    逻辑有点奇怪,弹出二维码后应该点击其余空白部分关闭这个。
        9
    huiyifyj   55 天前 via Android
    还是建议放弃 jQuery 依赖 的好。😶
        10
    doublleft   51 天前
    乞讨也要看转化率的吗
    关于   ·   FAQ   ·   API   ·   我们的愿景   ·   广告投放   ·   感谢   ·   实用小工具   ·   2707 人在线   最高记录 5043   ·  
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.3 · 123ms · UTC 12:59 · PVG 20:59 · LAX 05:59 · JFK 08:59
    ♥ Do have faith in what you're doing.
    沪ICP备16043287号-1