|
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>主副卡-主界面</title>
<!-- 宽度自动适配 -->
<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0, user-scalable=no"/>
<!-- 不识别页面上的数字为可拨打号码 -->
<meta content="telephone=no" name="format-detection"/>
<link rel="stylesheet" type="text/css" href="ipu/ui/css/ipu.css">
<link rel="stylesheet" type="text/css" href="biz/css/awesome/css/font-awesome.css">
<link rel="stylesheet" type="text/css" href="biz/css/base.css">
<script src="ipu/lib/requirejs/require.min.js"></script>
<script src="biz/js/require-config.js"></script>
<script src="biz/js/zfk-main-ios.js"></script>
</head>
<body class="pages-zfkMain pages-zfkMainIos">
<div class="pages">
<div class="ipu-flex-row ipu-flex-vertical">
<div class="ipu-flex-col">
<header class="ipu-toolbar">
<h1 class="ipu-toolbar-title">
开户流程
</h1>
<a class="ipu-fn-left" href="javascript:history.back(-1);">
<i class="fa fa-angle-left"></i>
</a>
</header>
</div>
<div class="ipu-flex-col ipu-flex-col-auto">
<div class="ipu-flex-content">
<div class="page-content">
<div class="ipu-list zfk-step-list zfk-main-step-list">
<ul>
<li class="ipu-list-item step-item-tc step-item-current">
<div class="ipu-list-item-media">
<div class="zfk-step-flag"></div>
</div>
<div class="ipu-list-item-inner ipu-flex-align-center">
<div class="ipu-list-item-title ipu-flex-align-center">
<span class="zfk-step-name">套餐及号码</span>
<i class="fa fa-check-circle step-ok-flag"></i>
</div>
<div class="ipu-list-item-after">
<div class="step-to-detail">
选择
</div>
<div class="step-to-modify">修改</div>
</div>
</div>
</li>
<li class="ipu-list-item step-info">
<div class="ipu-list-item-media">
<div class="zfk-step-flag"></div>
</div>
<div class="ipu-list-item-inner ipu-flex-align-center">
<div class="ipu-list-item-title ipu-flex-align-center">
</div>
<div class="ipu-list-item-after">
<div class="step-detail">
<span class="">13112341234</span>
<span class="">4G自选套餐</span>
</div>
</div>
</div>
</li>
<li class="ipu-list-item step-item-rz">
<div class="ipu-list-item-media">
<div class="zfk-step-flag"></div>
</div>
<div class="ipu-list-item-inner ipu-flex-align-center">
<div class="ipu-list-item-title ipu-flex-align-center">
<span class="zfk-step-name">认证</span>
<i class="fa fa-check-circle step-ok-flag"></i>
</div>
<div class="ipu-list-item-after">
<div class="step-to-detail">去认证</div>
</div>
</div>
</li>
<li class="ipu-list-item step-info">
<div class="ipu-list-item-media">
<div class="zfk-step-flag"></div>
</div>
<div class="ipu-list-item-inner ipu-flex-align-center">
<div class="ipu-list-item-title ipu-flex-align-center">
</div>
<div class="ipu-list-item-after">
<div class="step-detail">
<span class="">张三</span>
<span class="">430521198810261987</span>
</div>
</div>
</div>
</li>
<li class="ipu-list-item step-item-jf">
<div class="ipu-list-item-media">
<div class="zfk-step-flag"></div>
</div>
<div class="ipu-list-item-inner ipu-flex-align-center">
<div class="ipu-list-item-title ipu-flex-align-center">
<span class="zfk-step-name">缴费</span>
<i class="fa fa-check-circle step-ok-flag"></i>
</div>
<div class="ipu-list-item-after">
<div class="step-to-detail">去缴费</div>
</div>
</div>
</li>
<li class="ipu-list-item step-info">
<div class="ipu-list-item-media">
<div class="zfk-step-flag"></div>
</div>
<div class="ipu-list-item-inner ipu-flex-align-center">
<div class="ipu-list-item-title ipu-flex-align-center">
</div>
<div class="ipu-list-item-after">
<div class="step-detail">
<span class="">100元</span>
</div>
</div>
</div>
</li>
<li class="ipu-list-item step-item-zkf">
<div class="ipu-list-item-media">
<div class="zfk-step-flag"></div>
</div>
<div class="ipu-list-item-inner ipu-flex-align-center">
<div class="ipu-list-item-title ipu-flex-align-center">
<span class="zfk-step-name">主卡开户</span>
<i class="fa fa-check-circle step-ok-flag"></i>
</div>
<div class="ipu-list-item-after">
<div class="step-to-detail">去开户</div>
</div>
</div>
</li>
<li class="ipu-list-item ipu-fn-hide">
</li>
</ul>
</div>
<!-- 演示用 -->
<div class="ipu-btn-wrap">
<div class="ipu-btn-group">
<button class="ipu-btn ipu-btn-s btn-prev">
上一步
</button>
<button class="ipu-btn ipu-btn-s btn-next">
下一步
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
|
