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

做了一个 Donate Page

  •  
  •   Kaiyuan ·
    Kaiyuan · 2016-05-02 21:05:09 +08:00 · 3883 次点击
    这是一个创建于 2927 天前的主题,其中的信息可能已经有所发展或是发生改变。

    Donate Page

    做了一个用作捐赠的页面,有 Paypal 、比特币、支付宝和微信四种方式。 PayPal 是用 JS 创建表单 POST 到页面的,可以避免在页面和 URL 中直接暴露账户。我是想做一个二维码显示和关闭都有动画的效果,但是做完了显示动画,关闭动画还想不到怎么做好。代码放在 Github,改一下就能自己用了。

    其实不算完成品,因为二维码消失动画我还没想好怎么做。

    第 1 条附言  ·  2016-05-03 02:57:28 +08:00

    想了下,消失动画还是简单点吧。

    23 条回复    2016-05-11 09:29:54 +08:00
    onionnews
        1
    onionnews  
       2016-05-02 21:47:58 +08:00
    不错 正好要用到,期待完成
    fy
        2
    fy  
       2016-05-02 22:04:55 +08:00
    nice 支持楼主。以后做开源项目摆碗收到钱了给楼主分一份 233
    Sunya
        3
    Sunya  
       2016-05-02 22:37:49 +08:00
    漂亮! 蛮不错的!
    zgk
        4
    zgk  
       2016-05-02 23:27:45 +08:00 via Android
    http://www.liaoxuefeng.com/webpage/donate
    这个分档位 donate 还是挺有意思的
    abelyao
        5
    abelyao  
       2016-05-03 00:11:36 +08:00
    弹出来的时候晃动的次数有点多… 可以稍微再精致一些…
    Kaiyuan
        6
    Kaiyuan  
    OP
       2016-05-03 02:59:49 +08:00
    @abelyao 可以修改 style.css 中 #MainBox.showQR 的动画时间,把 @keyframes showQR 中的变换动画删除一些就可以减少摆动动画了。
    paloalto
        7
    paloalto  
       2016-05-03 07:55:03 +08:00 via iPhone
    好棒 👍
    CHN
        8
    CHN  
       2016-05-03 08:57:05 +08:00
    感谢!
    Mrxx
        9
    Mrxx  
       2016-05-03 09:33:18 +08:00
    动画太多余了
    designer
        10
    designer  
       2016-05-03 10:28:33 +08:00
    挺可爱的~
    dphdjy
        11
    dphdjy  
       2016-05-03 11:09:04 +08:00 via Android
    @zgk 然而支付宝没有个人收款接口呐~
    wbsdty331
        12
    wbsdty331  
       2016-05-03 12:13:22 +08:00 via Android
    感谢!
    mrjoel
        13
    mrjoel  
       2016-05-03 14:18:42 +08:00
    消失动画相当好。就是开启动画少跳动几下就更好了。
    zgk
        14
    zgk  
       2016-05-03 23:21:47 +08:00 via Android
    @dphdjy 在手机客户端多生成几个二维码就好了
    dphdjy
        15
    dphdjy  
       2016-05-03 23:43:25 +08:00 via Android
    @zgk 支付宝没有金额的二维码来着~只有加好友的。。。
    Kaiyuan
        16
    Kaiyuan  
    OP
       2016-05-03 23:52:28 +08:00
    @dphdjy https://qr.alipay.com 这里可以生成商品二维码。
    dphdjy
        17
    dphdjy  
       2016-05-04 07:58:15 +08:00 via Android
    @Kaiyuan 这需要商户账户~普通人只能生成加好友的和付款无金额的
    https://fama.alipay.com
    Kaiyuan
        18
    Kaiyuan  
    OP
       2016-05-04 08:15:53 +08:00
    @dphdjy 我不清楚现在商家认证要怎样,我以前是直接点就签约了。
    dphdjy
        19
    dphdjy  
       2016-05-04 10:57:51 +08:00 via Android
    @Kaiyuan 唉~那屋去试试~
    dphdjy
        20
    dphdjy  
       2016-05-04 11:06:45 +08:00
    @dphdjy http://act.life.alipay.com/shopping/before/help/index.html 好麻烦... 我还是直接扔邮箱吧...
    tufu9441
        21
    tufu9441  
       2016-05-04 15:14:48 +08:00
    已使用,感谢! https://www.haomwei.com/about/
    canglaoshi
        22
    canglaoshi  
       2016-05-06 19:36:22 +08:00 via Android
    不错 thanks
    lazyyz
        23
    lazyyz  
       2016-05-11 09:29:54 +08:00
    不错, fork 了
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   1068 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 29ms · UTC 19:18 · PVG 03:18 · LAX 12:18 · JFK 15:18
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.