<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>充值</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="./lib/layui/css/layui.css" />
<script src="./lib/layui/layui.js"></script>
<link rel="stylesheet" href="./js/steps/steps.css" />
<script src="./js/jquery-3.4.1.min.js"></script>
<script src="./js/steps/steps.js"></script>
<style type="text/css">
.recharge-money .recharge-money-box span{
border: 1px #ccc solid;
padding: 6px 20px;
border-radius: 3px;
margin: 0 0 10px 15px;
cursor: pointer;
position: relative;
font-size: 16px;
width: 90px;
display: inline-block;
text-align: center;
position: relative;
}
.recharge-money-box span:first-child{margin-left:0px}
.recharge-money-box span.active{
border-color:#FF5722;
}
.recharge-money-box span.active:after{
content:'✔';
position: absolute;
right:0;
bottom:0;
top: 17px;
color: #fff;
border-bottom: 15px solid #FF5722;
border-left: 6px solid transparent;
}
#recharge-money h3{font-weight:700;font-size:25px;color:#FF5722; display: inline-block;margin:3px}
#netDialoge>div {
width: 150px;
height: 150px;
text-align: center;
}
#netDialoge>h3 {
margin-bottom: 10px;
font-size: 15px
}
#netDialoge img {
width: 100%;
border: 4px solid #3333;
}
.alipay,
.wxpay {
color: #3F96DD;
font-weight: 700;
font-size: 16px;
margin: 2px;
}
.wxpay {
color: #57A33B
}
.invoicebtn {
display: none;
}
.layui-tab-item blockquote {
background-color: #FEFAE7;
}
.layui-form-label {
width: 115px
}
#transferDialoge .layui-form-item{line-height:38px;}
#transferDialoge .layui-form-item .layui-input-inline{width: 115px;}
</style>
</head>
<body>
<div class="weadmin-body">
<form class="layui-form" action="">
<div class="layui-form-item">
<label class="layui-form-label">充值条数：</label>
<div class="recharge-money">
<div class="recharge-money-box">
<span data-val="5000" class="active">5000条</span>
<span data-val="10000">10000条</span>
<span data-val="20000">20000条</span>
<span data-val="40000">40000条</span>
<span data-val="60000">60000条</span>
<span data-val="80000">80000条</span>
<span data-val="100000">100000条</span>
</div>
</div>
</div>
<div class="layui-input-block invoicebtn">
<button type="button" class="layui-btn layui-btn-warm">发票信息</button>
</div>
</form>
</div>
<!--发票信息-->
<div id="invoiceDialoge" class="dialogue">
<div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
<ul class="layui-tab-title">
<li class="layui-this">普通发票</li>
<li>增值税专用发票</li>
</ul>
<div class="layui-tab-content" style="height: 100px;">
<!--普通发票-->
<div class="layui-tab-item layui-show">
<blockquote class="layui-elem-quote layui-quote-nm">纸质普通发票可支持报销入账，订单完成后24小时内开具。</blockquote>
<form class="layui-form" action="" style="margin-top: 20px;">
<div class="layui-form-item">
<label class="layui-form-label">发票类型</label>
<div class="layui-input-inline">
<select lay-filter="invoicekind">
<option value="0">个人</option>
<option value="1">公司</option>
</select>
</div>
</div>
<div class="layui-form-item layui-hide company" >
<label class="layui-form-label"><i class="redstar">*</i>公司发票抬头</label>
<div class="layui-input-inline">
<input type="text" name="resetpassword" placeholder="请输入公司发票抬头" lay-reqText="公司发票抬头不能为空" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-form-item layui-hide company">
<label class="layui-form-label"><i class="redstar">*</i>纳税人识别号</label>
<div class="layui-input-inline">
<input type="text" name="usercode" placeholder="请输入纳税人识别号" lay-reqText="纳税人识别号不能为空" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label"><i class="redstar">*</i>收票人姓名</label>
<div class="layui-input-inline">
<input type="text" name="resetpassword" lay-verify="required" placeholder="请输入收票人姓名" lay-reqText="收票人姓名不能为空" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label"><i class="redstar">*</i>收票人手机号</label>
<div class="layui-input-inline">
<input type="mobile" name="resetpassword" lay-verify="required||phone" placeholder="请输入收票人手机" lay-reqText="收票人手机不能为空" autocomplete="off" class="layui-input">
</div>
</div>
<div style="text-align: center;">
<button class="layui-btn layui-btn-normal" lay-submit lay-filter="addformsub" style="padding: 0 50px; margin-top: 20px;">
<i class="layui-icon layui-icon-loading layui-anim layui-anim-rotate layui-anim-loop layui-hide " ></i>保存</button>
</div>
</form>
</div>
<!--增值税专用发票-->
<div class="layui-tab-item">
<blockquote class="layui-elem-quote layui-quote-nm">我公司依法开具发票，请您按照税法规定使用发票。发票制度说明>> 首次开具增值税专用发票>></blockquote>
<div id="steps"></div>
<!--步骤条-->
<!--第1步-->
<div class="layui-step-content layui-clear" id="step1">
<form class="layui-form" action="" style="margin-top: 20px;">
<p>如您需要开具增值税专用发票，我们会在订单完成后3-4个工作日为您寄出，寄出后您可以在订单信息中查看快递单号。</p>
<div class="layui-form-item">
<label class="layui-form-label">开票方式:</label>
<div class="layui-input-inline">
<input type="text" required class="layui-input layui-btn-disabled" value="订单结束后开票" disabled="disabled">
</div>
</div>
<div class="layui-form-item">
<div class="layui-btn-group">
<button class="layui-btn next2">下一步</button>
</div>
</div>
</form>
</div>
<!--第二步-->
<div class="layui-step-content layui-clear layui-hide" id="step2">
<form class="layui-form" action="" style="margin-top: 20px;">
<div class="layui-form-item">
<label class="layui-form-label"><i class="redstar">*</i>单位名称:</label>
<div class="layui-input-inline">
<input type="text" name="username" required lay-verify="required" placeholder="请输入单位名称" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label"><i class="redstar">*</i>纳税人识别码:</label>
<div class="layui-input-inline">
<input type="text" name="username" required lay-verify="required" placeholder="请输入纳税人识别码" lay-reqText="纳税人识别
基于layui的步骤条
5星 · 超过95%的资源 需积分: 50 85 浏览量
2019-07-12
20:33:28
上传
评论 2
收藏 669KB ZIP 举报 
基于layui的步骤条 （115个子文件） 
layui.css 71KB layer.css 14KB layui.mobile.css 10KB laydate.css 7KB steps.css 1KB code.css 1KB iconfont.eot 41KB
59.gif 10KB 22.gif 10KB 24.gif 8KB 13.gif 7KB 16.gif 7KB 39.gif 6KB 64.gif 6KB 63.gif 6KB 50.gif 6KB loading-0.gif 6KB 4.gif 6KB 1.gif 5KB 42.gif 5KB 71.gif 5KB 21.gif 5KB 20.gif 5KB 29.gif 5KB 70.gif 4KB 5.gif 4KB 17.gif 4KB 27.gif 4KB 9.gif 4KB 44.gif 4KB 11.gif 4KB 8.gif 4KB 3.gif 4KB 23.gif 4KB 34.gif 4KB 41.gif 4KB 38.gif 4KB 65.gif 3KB 32.gif 3KB 45.gif 3KB 7.gif 3KB 12.gif 3KB 26.gif 3KB 60.gif 3KB 2.gif 3KB 40.gif 3KB 25.gif 3KB 19.gif 3KB 66.gif 3KB 18.gif 3KB 46.gif 3KB 10.gif 3KB 28.gif 3KB 51.gif 3KB 57.gif 3KB 67.gif 3KB 0.gif 3KB 48.gif 3KB 43.gif 3KB 30.gif 2KB 61.gif 2KB 33.gif 2KB 69.gif 2KB 14.gif 2KB 47.gif 2KB 36.gif 2KB 49.gif 2KB 58.gif 2KB 6.gif 2KB 54.gif 2KB 53.gif 2KB 56.gif 2KB 62.gif 2KB 31.gif 2KB 55.gif 2KB 35.gif 2KB 15.gif 2KB loading-2.gif 2KB 37.gif 1KB 68.gif 1KB 52.gif 777B loading-1.gif 701B
index - 副本.html 16KB index.html 8KB layui.all.js 275KB jquery.js 95KB jquery-3.4.1.min.js 86KB mobile.js 33KB table.js 31KB laydate.js 27KB layer.js 22KB treeGird.js 21KB tree.js 16KB layedit.js 12KB colorpicker.js 11KB form.js 9KB element.js 7KB upload.js 7KB slider.js 7KB layui.js 7KB共 115 条
- 1
- 2
评论3
最新资源