Commit e83eedc9 by 施宇

ic

parent f4ba3ca7
......@@ -14,9 +14,64 @@
<div class="right_content release_inquiry_content">
<div class="content">
<div class="nav_title">询报价 > 发布询价</div>
<div class="inquiry_form">
<h3 class="bold">发布询价</h3>
<div class="gb">
<span class="icon iconfont iconjuxing19 va-m"></span>
<span>填写完整信息,有利于提高回复报价效率</span>
</div>
<div class="form_content clr">
<div class="form_left fl layui-form">
<div class="xh input_div ">
<span class="input_title lineBlock ">*型号:</span>
<div class="input_parent">
<input type="text" placeholder="请输入商品型号" class="input boxsiz">
</div>
</div>
<div class="brand input_div ">
<span class="input_title lineBlock">*品牌:</span>
<div class="input_parent">
<input type="text" placeholder="请输入品牌(必填)" class="input boxsiz">
</div>
</div>
<div class="fz input_div ">
<span class="input_title lineBlock">封装:</span>
<div class="input_parent">
<input type="text" placeholder="请输入封装" class="input boxsiz">
</div>
</div>
<div class="num input_div ">
<span class="input_title lineBlock">*需求数量:</span>
<div class="input_parent">
<input type="text" placeholder="请输入需求数量(必填)" class="input boxsiz">
</div>
</div>
<div class="price input_div ">
<span class="input_title lineBlock">接受价:</span>
<div class="input_parent">
<input type="text" placeholder="请输入接受价格" class="input boxsiz price_input">
<div class="rmb">
<span class="text">RMB</span>
<span class="icon iconfont iconjuxing15"></span>
</div>
</div>
</div>
<div class="price input_div ">
<span class="input_title lineBlock">*货期:</span>
<div class="input_parent">
<input type="radio" name="sex" value="男" title="男">
<input type="radio" name="sex" value="女" title="女" checked>
</div>
</div>
</div>
<div class="form_right fl ">
<div class="sc"></div>
<p>* 支持png、jpg等图片格式</p>
</div>
</div>
</div>
</div>
</div>
</div>
......@@ -24,5 +79,6 @@
</div>
</body>
<script src="__PUBLIC__/js/layui/layui.all.js"></script>
</html>
\ No newline at end of file
......@@ -4,3 +4,90 @@
.release_inquiry_content .nav_title {
padding: 20px 0;
}
.release_inquiry_content .inquiry_form {
background-color: #fff;
}
.release_inquiry_content .inquiry_form h3 {
font-size: 20px;
color: #2E3033;
padding: 26px 0 0 30px;
}
.release_inquiry_content .inquiry_form .gb {
height: 34px;
line-height: 34px;
background-color: #FFF6E6;
margin: 16px 30px 0 30px;
color: #EAA217;
font-size: 14px;
}
.release_inquiry_content .inquiry_form .gb .icon {
font-size: 15px;
margin: 0 6px 0 12px;
}
.release_inquiry_content .inquiry_form .form_content {
font-size: 14px;
margin: 10px 0 0 51px;
}
.release_inquiry_content .inquiry_form .form_content .form_left {
width: 50%;
}
.release_inquiry_content .inquiry_form .form_content .form_left .input_div {
margin-top: 20px;
position: relative;
height: 40px;
line-height: 40px;
}
.release_inquiry_content .inquiry_form .form_content .form_left .input_div .input_title {
color: #686E73;
width: 66px;
text-align: right;
}
.release_inquiry_content .inquiry_form .form_content .form_left .input_div .input_parent {
position: absolute;
left: 85px;
right: 0;
top: 0;
}
.release_inquiry_content .inquiry_form .form_content .form_left .input_div .input_parent .input {
height: 40px;
border-radius: 4px;
border: 1px solid #D8DFE6;
padding: 0 15px;
width: 100%;
}
.release_inquiry_content .inquiry_form .form_content .form_left .input_div .input_parent .input.price_input {
padding: 0 90px 0 15px;
}
.release_inquiry_content .inquiry_form .form_content .form_left .input_div .input_parent .rmb {
position: absolute;
cursor: pointer;
right: 0;
width: 81px;
top: 7px;
bottom: 7px;
border-left: 1px solid #D8DFE6;
line-height: 26px;
}
.release_inquiry_content .inquiry_form .form_content .form_left .input_div .input_parent .rmb .text {
margin: 0 8px 0 15px ;
font-size: 14px;
color: #515559;
}
.release_inquiry_content .inquiry_form .form_content .form_left .input_div .input_parent .rmb .icon {
font-size: 12px;
color: #D8DFE6;
}
.release_inquiry_content .inquiry_form .form_content .form_right {
text-align: center;
margin: 20px 0 0 6.67%;
}
.release_inquiry_content .inquiry_form .form_content .form_right .sc {
height: 220px;
width: 220px;
background-color: #F5F9FC;
}
.release_inquiry_content .inquiry_form .form_content .form_right p {
font-size: 14px;
color: #ADB6BF;
margin-top: 17px;
}
.release_inquiry_content{
padding:0 20px;
.nav_title{
.release_inquiry_content {
padding: 0 20px;
.nav_title {
padding: 20px 0;
}
.inquiry_form {
background-color: #fff;
h3 {
font-size: 20px;
color: #2E3033;
padding: 26px 0 0 30px;
}
.gb {
height: 34px;
line-height: 34px;
background-color: #FFF6E6;
margin: 16px 30px 0 30px;
color: #EAA217;
font-size: 14px;
.icon {
font-size: 15px;
margin: 0 6px 0 12px;
}
}
.form_content {
font-size: 14px;
margin: 10px 0 0 51px;
.form_left {
width:50%;
.input_div {
margin-top: 20px;
position: relative;
height:40px;
line-height:40px;
.input_title {
color: #686E73;
width: 66px;
text-align: right;
}
.input_parent{
position: absolute;
left:85px;
right:0;
top:0;
.input {
height: 40px;
border-radius: 4px;
border: 1px solid #D8DFE6;
padding: 0 15px;
width:100%;
&.price_input{
padding:0 90px 0 15px;
}
}
.rmb{
position: absolute;
cursor: pointer;
right:0;
width:81px;
top:7px;
bottom:7px;
border-left:1px solid #D8DFE6;
line-height:26px;
.text{
margin:0 8px 0 15px ;
font-size: 14px;
color:#515559;
}
.icon{
font-size: 12px;
color:#D8DFE6;
}
}
}
}
}
.form_right{
text-align: center;
margin:20px 0 0 6.67%;
.sc{
height:220px;
width:220px;
background-color: #F5F9FC;
}
p{
font-size: 14px;
color:#ADB6BF;
margin-top:17px;
}
}
}
}
}
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment