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
......@@ -73,4 +73,7 @@
.next_button {
text-align: center;
margin-bottom: 20px;
}
.next_button a {
color: #fff;
}
\ No newline at end of file
......
......@@ -34,14 +34,14 @@
border-left-color: #1E9FFF;
}
.selected {
background-color: #5FB878!important;
background-color: #009688!important;
color: #fff!important;
}
.selected:hover {
background-color: #5FB878!important;
background-color: #009688!important;
}
.app_progress li.selected:after {
border-left-color: #5FB878;
border-left-color: #009688;
}
.line {
width: 62px;
......
.content_box {
width: 1200px;
margin: 0 auto;
min-height:calc(100vh - 227px);
padding: 20px 0;
}
.title {
height: 16px;
padding: 10px 0;
margin: 15px 0;
padding-left: 10px;
}
.title h2 {
font-weight: 600;
height: 16px;
line-height: 16px;
padding-left: 5px;
border-left: 3px solid #ffffff;
float: left;
}
.title i {
font-size: 24px;
position: relative;
top: -5px;
color: #ffffff;
left: 198px;
}
.layui-icon {
cursor: pointer;
}
.tabs_title i{
font-size: 24px;
position: relative;
top: -10px;
color: #0091FF;
}
.layui-tab {
width: 23%;
display: inline-block;
}
.layui-tab-bar {
display: none;
}
.img_update {
border: 1px solid #eeeeee;
overflow: hidden;
}
.fileBox{ margin:10px;width: 330px;float: left; }
#fileSpan{display:inline-block;width:300px;height:150px;border:2px dashed #ccc;text-align:center;line-height:150px;position: relative;}
#fileInput {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
opacity: 0;
}
.fileList_parent{margin:20px;display:none;}
.fileList_parent {
float: left;
}
.operation {
color: #0091FF;
cursor: pointer;
}
.fileList tr {
line-height: 28px;
}
\ No newline at end of file
......@@ -14,30 +14,6 @@
"classify": "作家",
"score": 57,
"state": 1
},
{
"username": "user-1",
"sex": "男",
"city": "城市-1",
"sign": "签名-1",
"experience": 884,
"logins": 58,
"wealth": 64928690,
"classify": "词人",
"score": 27,
"state": 1
},
{
"username": "user-2",
"sex": "女",
"city": "城市-2",
"sign": "签名-2",
"experience": 650,
"logins": 77,
"wealth": 6298078,
"classify": "酱油",
"score": 31,
"state": 0
}
]
}
\ No newline at end of file
......
......@@ -219,7 +219,9 @@
</li>
</ul>
<div class="next_button">
<button type="button" class="layui-btn layui-btn-normal">下一步</button>
<button type="button" class="layui-btn layui-btn-normal">
<a href="./yysq.html">下一步</a>
</button>
</div>
</div>
</div>
......
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style>
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>立即办理-申请</title>
<script type="text/javascript" src="../staticJs/head.js"></script>
<link rel="stylesheet" type="text/css" href="../staticCss/yysq.css">
<link rel="stylesheet" type="text/css" href="../staticCss/progress.css">
</head>
<body>
<div class="navigation_crumbs">
<div class="contentBox">
<span class="layui-breadcrumb">
<a href="../../index.html">首页</a>
<a href="../wssq/index.html">网上申请</a>
<a><cite>在线申请</cite></a>
</span>
</div>
</div>
<div class="content_box">
<div class="name_title layui-bg-gray">
<h2></h2>
<p></p>
</div>
<ul class="app_progress">
<li class="selected">
<span>1</span>
效验
</li>
<div class="line"></div>
<li class="active">
<span>2</span>
申请
</li>
<div class="line"></div>
<li>
<span>3</span>
完税
</li>
<div class="line"></div>
<li>
<span>4</span>
认证
</li>
<div class="line"></div>
<li>
<span>5</span>
领证方式
</li>
<div class="line"></div>
<li>
<span>6</span>
缴费
</li>
<div class="line"></div>
<li>
<span>7</span>
公示
</li>
</ul>
<div class="title layui-bg-green">
<h2>买方信息/共有情况</h2>
</div>
<div class="tabs_title">
<div class="layui-tab layui-tab-brief" lay-filter="status">
<ul class="layui-tab-title">
<li class="layui-this" lay-id="1">单独所有</li>
<li lay-id="2">共同共有</li>
<li lay-id="3">按份共有</li>
</ul>
<div class="layui-tab-content"></div>
</div>
<i class="layui-icon layui-icon-add-circle tableAdd"></i>
</div>
<table id="buyInfo" lay-filter="buyInfo"></table>
<div class="title layui-bg-green">
<h2>卖方信息</h2>
<i class="layui-icon layui-icon-add-circle tableAdd1"></i>
</div>
<table id="sellInfo" lay-filter="sellInfo"></table>
<div class="title layui-bg-green">
<h2>申报材料</h2>
</div>
<div class="img_update">
<div class="fileBox">
<div id="fileSpan" class="vm">
<input type="file" multiple id="fileInput" />
<p class="file_name">
点击或拖拽文件上传
</p>
</div>
</div>
<table width="36%" border="1" class="fileList_parent">
<tbody class="fileList">
</table>
</div>
</div>
</body>
<script type="text/javascript" src="../staticJs/common.js"></script>
<script type="text/javascript" src="../staticJs/down.js"></script>
<script type="text/javascript" src="../staticJs/yysq.js"></script>
<script type="text/html" id="barDemo">
<i class="layui-icon layui-icon-reduce-circle" lay-event="edit"></i>
</script>
</html>
\ No newline at end of file