一个支付页面DEMO附截图-Web前端之家

作者: 前端  发布:2019-11-23
     思瑜科技在线充值   /* Bank Select */ .ui-list-icons li { float:left; margin:0px 10px 25px 0px; width:218px; padding-right:10px; display:inline; } .ui-list-icons li input { vertical-align:middle; } .ui-list-icons li .icon-box { cursor:pointer; width:190px; background:#FFF; line-height:36px; border:1px solid #DDD; vertical-align:middle; position:relative; display:inline-block; zoom:1; } .ui-list-icons li .icon-box.hover, .ui-list-icons li .icon-box.current { border:1px solid #FA3; } .ui-list-icons li .icon-box-sparkling { position:absolute; top:-18px; left:0px; height:14px; line-height:14px; } .ui-list-icons li .icon { float:left; width:126px; padding:0px; height:36px; display:block; line-height:30px; color:#07f; font-weight:bold; white-space:nowrap; overflow:hidden; position:relative; z-index:1; } .ui-list-icons li .bank-name { position:absolute; left:5px; z-index:0; height:36px; width:121px; overflow:hidden; } /* Bank Background */ .ui-list-icons li .ABC, .ui-list-icons li .ICBC, .ui-list-icons li .CCB, .ui-list-icons li .PSBC, .ui-list-icons li .BOC, .ui-list-icons li .CMB, .ui-list-icons li .COMM, .ui-list-icons li .SPDB, .ui-list-icons li .CEB { background:#FFF url no-repeat 5px center; } /* Bank Submit */ .paybok { padding:0px 0px 0px 20px; } .paybok .csbtx { border-radius:3px; color:#FFF; font-weight:bold; }   ${ //Bank Hover $('.ui-list-icons > li').hover.children.addClass; }, function.children.removeClass; //Bank Click $('.ui-list-icons > li').click{ for ( var i=0; i<$('.ui-list-icons > li').length; i++ ){ $('.ui-list-icons > li').eq.children.removeClass.children.addClass      您好,fx!系统代理商 欢迎您登录票务管理系统 账户余额:¥81291.00元 已消费:¥64521元    

本文由9159.com发布于前端,转载请注明出处:一个支付页面DEMO附截图-Web前端之家

关键词: