1 Star 9 Fork 2

蓝芈瞢/carShop

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
克隆/下载
pay.html 8.73 KB
一键复制 编辑 原始数据 按行查看 历史
蓝芈瞢 提交于 2020-07-05 15:20 . project init
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>支付页面</title>
<link rel="stylesheet" href="css/base.css"/>
<link rel="stylesheet" href="css/common.css" />
<link rel="stylesheet" href="css/vipperson.css"/>
<script src="js/jquery-2.1.4/jquery-2.1.4.js"></script>
<script type="text/javascript">
$(document).ready(function()
{
$('.myTabItem').click(function(event)
{
$('.myTabItem').addClass("myTabItemInactive");
$(event.target).removeClass("myTabItemInactive");
$(event.target).addClass("myTabItemActive");
});
});
</script>
</head>
<body>
<center>
<div id="main" style="height: 700px;width: 1080px;padding-top:30px;background: rgb(243,243,243);">
<div id="pay_left" class="fleft">
<div style="height: 70px;border-bottom: 1px solid rgba(1,1,1,0.3);background: white;">
<img src="img/pay/pay_user.png" style="height: 50px;width: 50px;margin-left: 10px;margin-top: 10px;float: left;"/>
<div style="height: 50px;width: 115px;margin-left: 5px;margin-top: 10px;float: left;">
<div style="height: 50%;">zzz123458</div>
<div style="height: 50%;">
<span><a href="#" style="text-decoration: none;">充值</a></span>&nbsp;&nbsp;&nbsp;
<span><a href="#" style="text-decoration: none;">提现</a></span>
</div>
</div>
</div>
<div style="height: 67px;background: white;">
<center>
<p class="fredBlod fontLg1_5x">¥0.000</p>
<p>余额</p>
</center>
</div>
<div style="height: 188px;margin-top: 20px;background: white;">
<ul class="buy_left_list">
<li><a href="#">财务明细</a></li>
<li><a href="#">充值记录</a></li>
<li><a href="#">体现记录</a></li>
<li><a href="#">我要充值</a></li>
<li><a href="#">我要提现</a></li>
</ul>
</div>
</div>
<div id="pay_right" class="fleft">
<div class="myTab">
<div class="myTabItems">
<a href="#" class="myTabItem myTabItemActive">快捷支付</a>
<a href="#" class="myTabItem myTabItemInactive">支付宝</a>
<a href="#" class="myTabItem myTabItemInactive">网上银行</a>
<a href="#" class="myTabItem myTabItemInactive">对公支付</a>
</div>
</div>
<form action="" method="post">
<div style="margin-left: 20px;">
<p style="margin-top: 50px;" class="fleft">
<font style="font-weight:bold">充值金额</font>
&nbsp;&nbsp;<small>人民币,充值金额不小于1元</small>
<br />
<input type="text" style="width: 230px;height: 30px;" class="mt10 fleft"/>
</p>
<p style="margin-top: 20px;" class=" clearB fleft">
<font style="font-weight: bold;">使用网上银行付款</font>
</p>
<table class="clearB fleft mt10" cellspacing="10">
<tr align="center">
<td valign="middle">
<div style="width: 118px;height: 39px;border: 1px solid rgba(1,1,1,0.4);">
<input type="radio" name="bank" style="height: 20px;width: 20px;margin-bottom:25px;" />
<img height="37px" width="87px" src="img/yinhang/gonshang.png"/>
</div>
</td>
<td>
<div style="width: 118px;height: 39px;border: 1px solid rgba(1,1,1,0.4);">
<input type="radio" name="bank" style="height: 20px;width: 20px;margin-bottom:25px;" />
<img height="37px" width="87px" src="img/yinhang/nongye.png"/>
</div>
</td>
<td>
<div style="width: 118px;height: 39px;border: 1px solid rgba(1,1,1,0.4);">
<input type="radio" name="bank" style="height: 20px;width: 20px;margin-bottom:25px;" />
<img height="37px" width="87px" src="img/yinhang/jianhang.png"/>
</div>
</td>
<td>
<div style="width: 118px;height: 39px;border: 1px solid rgba(1,1,1,0.4);">
<input type="radio" name="bank" style="height: 20px;width: 20px;margin-bottom:25px;" />
<img height="37px" width="87px" src="img/yinhang/zhongguo.png"/>
</div>
</td>
<td>
<div style="width: 118px;height: 39px;border: 1px solid rgba(1,1,1,0.4);">
<input type="radio" name="bank" style="height: 20px;width: 20px;margin-bottom:25px;" />
<img height="37px" width="87px" src="img/yinhang/jiaotong.png"/>
</div>
</td>
</tr>
<tr align="center">
<td valign="middle">
<div style="width: 118px;height: 39px;border: 1px solid rgba(1,1,1,0.4);">
<input type="radio" name="bank" style="height: 20px;width: 20px;margin-bottom:25px;" />
<img height="37px" width="87px" src="img/yinhang/zhaoshang.png"/>
</div>
</td>
<td>
<div style="width: 118px;height: 39px;border: 1px solid rgba(1,1,1,0.4);">
<input type="radio" name="bank" style="height: 20px;width: 20px;margin-bottom:25px;" />
<img height="37px" width="87px" src="img/yinhang/xinye.png"/>
</div>
</td>
<td>
<div style="width: 118px;height: 39px;border: 1px solid rgba(1,1,1,0.4);">
<input type="radio" name="bank" style="height: 20px;width: 20px;margin-bottom:25px;" />
<img height="37px" width="87px" src="img/yinhang/jianfa.png"/>
</div>
</td>
<td>
<div style="width: 118px;height: 39px;border: 1px solid rgba(1,1,1,0.4);">
<input type="radio" name="bank" style="height: 20px;width: 20px;margin-bottom:25px;" />
<img height="37px" width="87px" src="img/yinhang/zhongguominsheng.png"/>
</div>
</td>
<td>
<div style="width: 118px;height: 39px;border: 1px solid rgba(1,1,1,0.4);">
<input type="radio" name="bank" style="height: 20px;width: 20px;margin-bottom:25px;" />
<img height="37px" width="87px" src="img/yinhang/zhongxin.png"/>
</div>
</td>
</tr>
<tr align="center">
<td valign="middle">
<div style="width: 118px;height: 39px;border: 1px solid rgba(1,1,1,0.4);">
<input type="radio" name="bank" style="height: 20px;width: 20px;margin-bottom:25px;" />
<img height="37px" width="87px" src="img/yinhang/guangda.png"/>
</div>
</td>
<td>
<div style="width: 118px;height: 39px;border: 1px solid rgba(1,1,1,0.4);">
<input type="radio" name="bank" style="height: 20px;width: 20px;margin-bottom:25px;" />
<img height="37px" width="87px" src="img/yinhang/huaxia.png"/>
</div>
</td>
<td>
<div style="width: 118px;height: 39px;border: 1px solid rgba(1,1,1,0.4);">
<input type="radio" style="height: 20px;width: 20px;margin-bottom:25px;" />
<img height="37px" width="87px" src="img/yinhang/guangdongfz.png"/>
</div>
</td>
<td>
<div style="width: 118px;height: 39px;border: 1px solid rgba(1,1,1,0.4);">
<input type="radio" name="bank" style="height: 20px;width: 20px;margin-bottom:25px;" />
<img height="37px" width="87px" src="img/yinhang/zhongguoyz.png"/>
</div>
</td>
<td>
<div style="width: 118px;height: 39px;border: 1px solid rgba(1,1,1,0.4);">
<input type="radio" name="bank" style="height: 20px;width: 20px;margin-bottom:25px;" />
<img height="37px" width="87px" src="img/yinhang/nanjing.png"/>
</div>
</td>
</tr>
<tr align="center">
<td valign="middle">
<div style="width: 118px;height: 39px;border: 1px solid rgba(1,1,1,0.4);">
<input type="radio" name="bank" style="height: 20px;width: 20px;margin-bottom:25px;" />
<img height="37px" width="87px" src="img/yinhang/shanghainc.png"/>
</div>
</td>
<td>
<div style="width: 118px;height: 39px;border: 1px solid rgba(1,1,1,0.4);">
<input type="radio" name="bank" style="height: 20px;width: 20px;margin-bottom:25px;" />
<img height="37px" width="87px" src="img/yinhang/pingan.png"/>
</div>
</td>
<td>
<div style="width: 118px;height: 39px;border: 1px solid rgba(1,1,1,0.4);">
<input type="radio" name="bank" style="height: 20px;width: 20px;margin-bottom:25px;" />
<img height="37px" width="87px" src="img/yinhang/beijing.png"/>
</div>
</td>
<td>
<div style="width: 118px;height: 39px;border: 1px solid rgba(1,1,1,0.4);">
<input type="radio" name="bank" style="height: 20px;width: 20px;margin-top:10px;" class="fleft" />
<span height="37px" width="87px" style="font-size: 0.8em;line-height: 37px;">使用更多银行</span>
</div>
</td>
</tr>
</table>
</div>
<div class="clearB"><input type="submit" class="mt10" style="height: 30px;width: 80px;border-radius: 5px;" value="确定支付"/></div>
</form>
</div>
</div>
</center>
</body>
</html>
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
HTML
1
https://gitee.com/95me/carShop.git
git@gitee.com:95me/carShop.git
95me
carShop
carShop
master

搜索帮助

23e8dbc6 1850385 7e0993f3 1850385