123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132 |
- <!DOCTYPE HTML>
- <html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
- <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
- <title>AUI快速完成布局</title>
- <link rel="stylesheet" type="text/css" href="../../css/aui.css" />
- <link rel="stylesheet" type="text/css" href="../../css/html.css" />
- <style>
- @media screen and (-webkit-min-device-pixel-ratio: 1.5) {
- .aui-list .aui-list-item {
- background-image: none;
- }
- }
- @media screen and (-webkit-min-device-pixel-ratio: 1.5) {
- .aui-list {
- background-image: none;
- }
- }
- .aui-list .aui-list-header {
- padding: 0.5 rem;
- }
- body {
- padding-bottom : 3rem;
- }
- </style>
- </head>
- <body>
- <div class="aui-content aui-margin-b-15 zmq-width-90 zmq-margin-top-10 zmq-radius-5">
- <ul class="aui-list aui-form-list zmq-border-none">
- <li class="aui-list-header zmq-bg-white zmq-flex zmq-flex-start zmq-text-msg zmq-text-font-08">
- <img src="../../image/drawable-xhdpi/kh.png" class="zmq-icon-inline-middle" />客户信息
- </li>
- <div class="zmq-line-level zmq-width-90 zmq-bg-shallow"></div>
- <li class="aui-list-item zmq-border-none">
- <div class="aui-list-item-inner">
- <div class="aui-list-item-label">
- 姓名
- </div>
- <div class="aui-list-item-input">
- <input type="text" placeholder="请输入客户姓名">
- </div>
- </div>
- </li>
- <div class="zmq-line-level zmq-width-90 zmq-bg-shallow"></div>
- <li class="aui-list-item">
- <div class="aui-list-item-inner">
- <div class="aui-list-item-label">
- 手机号
- </div>
- <div class="aui-list-item-input">
- <input type="tel" placeholder="请输入客户手机号">
- </div>
- </div>
- </li>
- </ul>
- </div>
- <div class="aui-content aui-margin-b-15 zmq-width-90 zmq-margin-top-10 zmq-radius-5">
- <ul class="aui-list aui-form-list zmq-border-none">
- <li class="aui-list-header zmq-bg-white zmq-flex zmq-flex-start zmq-text-msg zmq-text-font-08">
- <img src="../../image/drawable-xhdpi/car.png" class="zmq-icon-inline-middle" />车辆信息
- </li>
- <div class="zmq-line-level zmq-width-90 zmq-bg-shallow"></div>
- <li class="aui-list-item zmq-border-none">
- <div class="aui-list-item-inner">
- <div class="aui-list-item-label">
- 车辆品牌
- </div>
- <div class="aui-list-item-input">
- <input type="text" placeholder="请输入车辆品牌">
- </div>
- </div>
- </li>
- <div class="zmq-line-level zmq-width-90 zmq-bg-shallow"></div>
- <li class="aui-list-item zmq-border-none">
- <div class="aui-list-item-inner">
- <div class="aui-list-item-label">
- 车牌号
- </div>
- <div class="aui-list-item-input">
- <input type="tel" placeholder="请输入车牌号">
- </div>
- </div>
- </li>
- <div class="zmq-line-level zmq-width-90 zmq-bg-shallow"></div>
- <li class="aui-list-item zmq-border-none">
- <div class="aui-list-item-inner">
- <div class="aui-list-item-label">
- 行驶里程
- </div>
- <div class="aui-list-item-input">
- <input type="tel" placeholder="请输入车辆行驶里程">
- </div>
- </div>
- </li>
- <div class="zmq-line-level zmq-width-90 zmq-bg-shallow"></div>
- <li class="aui-list-item zmq-border-none">
- <div class="aui-list-item-inner">
- <div class="aui-list-item-label">
- 常用轮胎
- </div>
- <div class="aui-list-item-input">
- <input type="tel" placeholder="请输入常用轮胎品牌">
- </div>
- </div>
- </li>
- </ul>
- </div>
- <div class="aui-content aui-margin-b-15 zmq-width-90 zmq-margin-top-10 zmq-radius-5">
- <ul class="aui-list aui-form-list zmq-border-none">
- <li class="aui-list-header zmq-bg-white zmq-flex zmq-flex-start zmq-text-msg zmq-text-font-08">
- <img src="../../image/drawable-xhdpi/wj.png" class="zmq-icon-inline-middle" />车辆附件
- </li>
- <div class="zmq-line-level zmq-width-90 zmq-bg-shallow"></div>
- <li class="aui-list-item zmq-border-none zmq-padding-btn zmq-flex zmq-flex-start zmq-warp">
- <img class="zmq-fujin-img" src="../../image/drawable-xhdpi/chooseImg.png" />
- </li>
- </ul>
- </div>
- <div class="zmq-footer-fixed zmq-padding-vertical-5">
- <div class="zmq-width-90 zmq-btn-img zmq-padding-vertical-10 zmq-textAlign-center zmq-text-white">提交信息</div>
- </div>
- </body>
- <script type="text/javascript" src="../../script/api.js" ></script>
- <script type="text/javascript" src="../../script/aui-range.js" ></script>
- <script type="text/javascript">
- apiready = function() {
- api.parseTapmode();
- }
- </script>
- </html>
|