Skip to content

任超 / js.portalStaticPage

Go to a project
Toggle navigation
Toggle navigation pinning
dbceb7f6 by 任超
Options

feat:图片上传

1 parent b3c9544c
Expand all
Inline Side-by-side
Showing 7 changed files with 191 additions and 28 deletions
...@@ -74,3 +74,6 @@ ...@@ -74,3 +74,6 @@
74 text-align: center; 74 text-align: center;
75 margin-bottom: 20px; 75 margin-bottom: 20px;
76 } 76 }
77 .next_button a {
78 color: #fff;
79 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -34,14 +34,14 @@ ...@@ -34,14 +34,14 @@
34 border-left-color: #1E9FFF; 34 border-left-color: #1E9FFF;
35 } 35 }
36 .selected { 36 .selected {
37 background-color: #5FB878!important; 37 background-color: #009688!important;
38 color: #fff!important; 38 color: #fff!important;
39 } 39 }
40 .selected:hover { 40 .selected:hover {
41 background-color: #5FB878!important; 41 background-color: #009688!important;
42 } 42 }
43 .app_progress li.selected:after { 43 .app_progress li.selected:after {
44 border-left-color: #5FB878; 44 border-left-color: #009688;
45 } 45 }
46 .line { 46 .line {
47 width: 62px; 47 width: 62px;
......
1 .content_box {
2 width: 1200px;
3 margin: 0 auto;
4 min-height:calc(100vh - 227px);
5 padding: 20px 0;
6 }
7 .title {
8 height: 16px;
9 padding: 10px 0;
10 margin: 15px 0;
11 padding-left: 10px;
12 }
13 .title h2 {
14 font-weight: 600;
15 height: 16px;
16 line-height: 16px;
17 padding-left: 5px;
18 border-left: 3px solid #ffffff;
19 float: left;
20 }
21 .title i {
22 font-size: 24px;
23 position: relative;
24 top: -5px;
25 color: #ffffff;
26 left: 198px;
27 }
28 .layui-icon {
29 cursor: pointer;
30 }
31 .tabs_title i{
32 font-size: 24px;
33 position: relative;
34 top: -10px;
35 color: #0091FF;
36 }
37 .layui-tab {
38 width: 23%;
39 display: inline-block;
40 }
41 .layui-tab-bar {
42 display: none;
43 }
44 .img_update {
45 border: 1px solid #eeeeee;
46 overflow: hidden;
47 }
48
49 .fileBox{ margin:10px;width: 330px;float: left; }
50 #fileSpan{display:inline-block;width:300px;height:150px;border:2px dashed #ccc;text-align:center;line-height:150px;position: relative;}
51 #fileInput {
52 position: absolute;
53 width: 100%;
54 height: 100%;
55 left: 0;
56 top: 0;
57 opacity: 0;
58 }
59 .fileList_parent{margin:20px;display:none;}
60 .fileList_parent {
61 float: left;
62 }
63 .operation {
64 color: #0091FF;
65 cursor: pointer;
66 }
67 .fileList tr {
68 line-height: 28px;
69 }
...\ No newline at end of file ...\ No newline at end of file
...@@ -14,30 +14,6 @@ ...@@ -14,30 +14,6 @@
14 "classify": "作家", 14 "classify": "作家",
15 "score": 57, 15 "score": 57,
16 "state": 1 16 "state": 1
17 },
18 {
19 "username": "user-1",
20 "sex": "男",
21 "city": "城市-1",
22 "sign": "签名-1",
23 "experience": 884,
24 "logins": 58,
25 "wealth": 64928690,
26 "classify": "词人",
27 "score": 27,
28 "state": 1
29 },
30 {
31 "username": "user-2",
32 "sex": "女",
33 "city": "城市-2",
34 "sign": "签名-2",
35 "experience": 650,
36 "logins": 77,
37 "wealth": 6298078,
38 "classify": "酱油",
39 "score": 31,
40 "state": 0
41 } 17 }
42 ] 18 ]
43 } 19 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -219,7 +219,9 @@ ...@@ -219,7 +219,9 @@
219 </li> 219 </li>
220 </ul> 220 </ul>
221 <div class="next_button"> 221 <div class="next_button">
222 <button type="button" class="layui-btn layui-btn-normal">下一步</button> 222 <button type="button" class="layui-btn layui-btn-normal">
223 <a href="./yysq.html">下一步</a>
224 </button>
223 </div> 225 </div>
224 </div> 226 </div>
225 </div> 227 </div>
......
1 <!DOCTYPE html
2 PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
3 <html xmlns="http://www.w3.org/1999/xhtml">
4
5 <head>
6 <style>
7 </style>
8 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
9 <title>立即办理-申请</title>
10 <script type="text/javascript" src="../staticJs/head.js"></script>
11 <link rel="stylesheet" type="text/css" href="../staticCss/yysq.css">
12 <link rel="stylesheet" type="text/css" href="../staticCss/progress.css">
13 </head>
14
15 <body>
16 <div class="navigation_crumbs">
17 <div class="contentBox">
18 <span class="layui-breadcrumb">
19 <a href="../../index.html">首页</a>
20 <a href="../wssq/index.html">网上申请</a>
21 <a><cite>在线申请</cite></a>
22 </span>
23 </div>
24 </div>
25 <div class="content_box">
26 <div class="name_title layui-bg-gray">
27 <h2></h2>
28 <p></p>
29 </div>
30 <ul class="app_progress">
31 <li class="selected">
32 <span>1</span>
33 效验
34 </li>
35 <div class="line"></div>
36 <li class="active">
37 <span>2</span>
38 申请
39 </li>
40 <div class="line"></div>
41 <li>
42 <span>3</span>
43 完税
44 </li>
45 <div class="line"></div>
46 <li>
47 <span>4</span>
48 认证
49 </li>
50 <div class="line"></div>
51 <li>
52 <span>5</span>
53 领证方式
54 </li>
55 <div class="line"></div>
56 <li>
57 <span>6</span>
58 缴费
59 </li>
60 <div class="line"></div>
61 <li>
62 <span>7</span>
63 公示
64 </li>
65 </ul>
66 <div class="title layui-bg-green">
67 <h2>买方信息/共有情况</h2>
68 </div>
69 <div class="tabs_title">
70 <div class="layui-tab layui-tab-brief" lay-filter="status">
71 <ul class="layui-tab-title">
72 <li class="layui-this" lay-id="1">单独所有</li>
73 <li lay-id="2">共同共有</li>
74 <li lay-id="3">按份共有</li>
75 </ul>
76 <div class="layui-tab-content"></div>
77 </div>
78 <i class="layui-icon layui-icon-add-circle tableAdd"></i>
79 </div>
80 <table id="buyInfo" lay-filter="buyInfo"></table>
81
82 <div class="title layui-bg-green">
83 <h2>卖方信息</h2>
84 <i class="layui-icon layui-icon-add-circle tableAdd1"></i>
85 </div>
86 <table id="sellInfo" lay-filter="sellInfo"></table>
87
88 <div class="title layui-bg-green">
89 <h2>申报材料</h2>
90 </div>
91 <div class="img_update">
92 <div class="fileBox">
93 <div id="fileSpan" class="vm">
94 <input type="file" multiple id="fileInput" />
95 <p class="file_name">
96 点击或拖拽文件上传
97 </p>
98 </div>
99 </div>
100 <table width="36%" border="1" class="fileList_parent">
101 <tbody class="fileList">
102 </table>
103 </div>
104 </div>
105 </body>
106 <script type="text/javascript" src="../staticJs/common.js"></script>
107 <script type="text/javascript" src="../staticJs/down.js"></script>
108 <script type="text/javascript" src="../staticJs/yysq.js"></script>
109 <script type="text/html" id="barDemo">
110 <i class="layui-icon layui-icon-reduce-circle" lay-event="edit"></i>
111 </script>
112
113 </html>
...\ No newline at end of file ...\ No newline at end of file