123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover" />
- <meta name="apple-mobile-web-app-capable" content="yes" />
- <meta name="apple-mobile-web-app-status-bar-style" content="black" />
- </head>
- <body>
- <style>
- .dynamic_images ul {
- margin: 0;
- padding: 0;
- }
- .dynamic_images ul li {
- position: relative;
- display: inline-block;
- margin-top: 10px;
- margin-bottom: 10px;
- margin-right: 10px;
- float: left;
- list-style: none;
- }
- .dynamic_images ul li img {
- width: 50px;
- height: 50px;
- border-radius: 5px;
- }
- .del {
- display: inline-block;
- position: absolute;
- top:6px;
- right: 0px;
- width: 12px;
- height: 2px;
- background: #ED544D;
- line-height: 0;
- font-size: 0;
- vertical-align: middle;
- -webkit-transform: rotate(45deg);
- }
- .del:after {
- content: "/";
- display: block;
- width: 12px;
- height: 2px;
- background: #ED544D;
- -webkit-transform: rotate(-90deg);
- }
- </style>
- <header class="mui-bar mui-bar-nav" >
- <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
- <div class="mui-title">图片预览上传</div>
- </header>
- <div class="mui-content" >
- <form id='from1' enctype = "multipart/form-data">
- <div style="margin-top: 16px;margin-bottom: 10px;">
- <span class="title">添加照片(选填)</span>
- <span id="picnum" style="float: right;margin-right: 20px;font-size: 12px; color: #666666;">0/9</span>
- </div>
- <div class="dynamic_images" style="background-color: #ffffff;height: 70px;width: 100%;padding-left: 15px;padding-right: 15px;">
- <ul class="row mui-input-row">
- <li>
- <img src="img/iconfont-tianjia.png" id="addnew" onclick="showActionSheet();" />
- </li>
- </ul>
- </div>
- <div style="margin-top: 16px;width: 100%;text-align: center;">
- <button style="background-color: #169BD5;height: 40px;width: 266px;font-size: 14px;color: #FFFFFF;border-radius: 5px;border: 0px;" type="button" onclick="submits()">提交</button>
- </div>
- </form>
- </div>
- </body>
- <script src="js/mui.min.js"></script>
- <script src="js/jquery.min.js"></script>
- <script type="text/javascript">
- mui.init({
- swipeBack:true //启用右滑关闭功能
- });
- function submits(){
- var html = "./approve.html";
- $(location).attr('href', html);
- }
-
- </script>
- </html>
|