Skip to content

施宇 / icsales

Go to a project
Commit 864f3e61 by 施宇
Options

11

parent 01830af7
Inline Side-by-side
Showing with 208 additions and 40 deletions
Application/Home/View/QuotePrice/releaseinquiry.html
...@@ -23,7 +23,7 @@ ...@@ -23,7 +23,7 @@
<div class="form_content clr"> <div class="form_content clr">
<div class="form_left fl layui-form"> <div class="form_left fl layui-form">
<div class="xh input_div "> <div class="xh input_div ">
<span class="input_title lineBlock ">*型号:</span> <span class="input_title lineBlock">*型号:</span>
<div class="input_parent"> <div class="input_parent">
<input type="text" placeholder="请输入商品型号" class="input boxsiz"> <input type="text" placeholder="请输入商品型号" class="input boxsiz">
</div> </div>
...@@ -57,20 +57,31 @@ ...@@ -57,20 +57,31 @@
</div> </div>
</div> </div>
</div> </div>
<div class="price input_div "> <div class="hq input_div ">
<span class="input_title lineBlock">*货期:</span> <span class="input_title lineBlock">*货期:</span>
<div class="input_parent"> <div class="input_parent">
<input type="radio" name="sex" value="男" title="男"> <input type="radio" name="sex" value="现货" title="现货">
<input type="radio" name="sex" value="女" title="女" checked> <input type="radio" name="sex" value="期货" title="期货" checked>
<input type="text" placeholder="输入时间" class="boxsiz day_input input">
<i class="day">天</i>
</div> </div>
</div> </div>
<div class="price input_div "> <div class="input_div textarea_div">
<span class="input_title lineBlock">备注:</span> <span class="input_title lineBlock fl">备注:</span>
<textarea name="desc" placeholder="请输入内容" class="layui-textarea"></textarea> <div class="layui-input-block">
<textarea name="desc" placeholder="请输入内容" class="layui-textarea "></textarea>
</div>
</div>
<div class="btn_div">
<span class="lineBlock fb boxsiz">发布</span>
<span class="lineBlock cz boxsiz">重置</span>
</div> </div>
</div> </div>
<div class="form_right fl "> <div class="form_right fl ">
<div class="sc"></div> <div class="sc">
<div class="icon iconfont iconjuxing16"></div>
<p>上传图片</p>
</div>
<p>* 支持png、jpg等图片格式</p> <p>* 支持png、jpg等图片格式</p>
</div> </div>
</div> </div>
......
dist/css/releaseinquiry.css
...@@ -6,6 +6,7 @@ ...@@ -6,6 +6,7 @@
} }
.release_inquiry_content .inquiry_form { .release_inquiry_content .inquiry_form {
background-color: #fff; background-color: #fff;
padding-bottom: 40px;
} }
.release_inquiry_content .inquiry_form h3 { .release_inquiry_content .inquiry_form h3 {
font-size: 20px; font-size: 20px;
...@@ -37,27 +38,60 @@ ...@@ -37,27 +38,60 @@
height: 40px; height: 40px;
line-height: 40px; line-height: 40px;
} }
.release_inquiry_content .inquiry_form .form_content .form_left .input_div.textarea_div {
margin-top: 20px;
position: relative;
height: auto;
line-height: 1;
}
.release_inquiry_content .inquiry_form .form_content .form_left .input_div .input_title { .release_inquiry_content .inquiry_form .form_content .form_left .input_div .input_title {
color: #686E73; color: #686E73;
width: 66px; width: 66px;
text-align: right; text-align: right;
} }
.release_inquiry_content .inquiry_form .form_content .form_left .input_div .layui-input-block {
margin-left: 85px;
}
.release_inquiry_content .inquiry_form .form_content .form_left .input_div .layui-input-block .layui-textarea {
min-height: 80px;
border-radius: 4px;
border: 1px solid #D8DFE6;
}
.release_inquiry_content .inquiry_form .form_content .form_left .input_div .input_parent { .release_inquiry_content .inquiry_form .form_content .form_left .input_div .input_parent {
position: absolute; position: absolute;
left: 85px; left: 85px;
right: 0; right: 0;
top: 0; top: 0;
} }
.release_inquiry_content .inquiry_form .form_content .form_left .input_div .input_parent .layui-form-radio {
margin-top: 0;
}
.release_inquiry_content .inquiry_form .form_content .form_left .input_div .input_parent .layui-form-radio i:hover {
color: #0D84D1;
}
.release_inquiry_content .inquiry_form .form_content .form_left .input_div .input_parent .layui-form-radioed i {
color: #0D84D1;
}
.release_inquiry_content .inquiry_form .form_content .form_left .input_div .input_parent .input { .release_inquiry_content .inquiry_form .form_content .form_left .input_div .input_parent .input {
height: 40px; height: 40px;
border-radius: 4px; border-radius: 4px;
border: 1px solid #D8DFE6; border: 1px solid #D8DFE6;
padding: 0 15px; padding: 0 15px;
width: 100%; width: 100%;
line-height: 40px;
} }
.release_inquiry_content .inquiry_form .form_content .form_left .input_div .input_parent .input.price_input { .release_inquiry_content .inquiry_form .form_content .form_left .input_div .input_parent .input.price_input {
padding: 0 90px 0 15px; padding: 0 90px 0 15px;
} }
.release_inquiry_content .inquiry_form .form_content .form_left .input_div .input_parent .input.day_input {
width: 139px;
padding: 0 35px 0 15px;
}
.release_inquiry_content .inquiry_form .form_content .form_left .input_div .input_parent .day {
position: relative;
color: #515559;
left: -30px;
}
.release_inquiry_content .inquiry_form .form_content .form_left .input_div .input_parent .rmb { .release_inquiry_content .inquiry_form .form_content .form_left .input_div .input_parent .rmb {
position: absolute; position: absolute;
cursor: pointer; cursor: pointer;
...@@ -69,7 +103,7 @@ ...@@ -69,7 +103,7 @@
line-height: 26px; line-height: 26px;
} }
.release_inquiry_content .inquiry_form .form_content .form_left .input_div .input_parent .rmb .text { .release_inquiry_content .inquiry_form .form_content .form_left .input_div .input_parent .rmb .text {
margin: 0 8px 0 15px ; margin: 0 8px 0 15px;
font-size: 14px; font-size: 14px;
color: #515559; color: #515559;
} }
...@@ -77,6 +111,27 @@ ...@@ -77,6 +111,27 @@
font-size: 12px; font-size: 12px;
color: #D8DFE6; color: #D8DFE6;
} }
.release_inquiry_content .inquiry_form .form_content .form_left .btn_div {
margin: 30px 0 0 90px;
}
.release_inquiry_content .inquiry_form .form_content .form_left .btn_div span {
height: 40px;
width: 120px;
line-height: 40px;
text-align: center;
font-size: 16px;
border-radius: 3px;
cursor: pointer;
}
.release_inquiry_content .inquiry_form .form_content .form_left .btn_div span.fb {
color: #fff;
background-color: #0D84D1;
}
.release_inquiry_content .inquiry_form .form_content .form_left .btn_div span.cz {
color: #515559;
border: 1px solid #E6ECF2;
margin-left: 40px;
}
.release_inquiry_content .inquiry_form .form_content .form_right { .release_inquiry_content .inquiry_form .form_content .form_right {
text-align: center; text-align: center;
margin: 20px 0 0 6.67%; margin: 20px 0 0 6.67%;
...@@ -85,6 +140,18 @@ ...@@ -85,6 +140,18 @@
height: 220px; height: 220px;
width: 220px; width: 220px;
background-color: #F5F9FC; background-color: #F5F9FC;
text-align: center;
cursor: pointer;
}
.release_inquiry_content .inquiry_form .form_content .form_right .sc div {
color: #ADB6BF;
font-size: 60px;
padding-top: 67px;
}
.release_inquiry_content .inquiry_form .form_content .form_right .sc p {
color: #8A9299;
font-size: 16px;
margin-top: 23px;
} }
.release_inquiry_content .inquiry_form .form_content .form_right p { .release_inquiry_content .inquiry_form .form_content .form_right p {
font-size: 14px; font-size: 14px;
......
dist/css/releaseinquiry.less
...@@ -7,6 +7,7 @@ ...@@ -7,6 +7,7 @@
.inquiry_form { .inquiry_form {
background-color: #fff; background-color: #fff;
padding-bottom: 40px;
h3 { h3 {
font-size: 20px; font-size: 20px;
...@@ -33,68 +34,157 @@ ...@@ -33,68 +34,157 @@
margin: 10px 0 0 51px; margin: 10px 0 0 51px;
.form_left { .form_left {
width:50%; width: 50%;
.input_div { .input_div {
margin-top: 20px; margin-top: 20px;
position: relative; position: relative;
height:40px; height: 40px;
line-height:40px; line-height: 40px;
&.textarea_div {
margin-top: 20px;
position: relative;
height: auto;
line-height: 1;
}
.input_title { .input_title {
color: #686E73; color: #686E73;
width: 66px; width: 66px;
text-align: right; text-align: right;
} }
.input_parent{
.layui-input-block {
margin-left: 85px;
.layui-textarea {
min-height: 80px;
border-radius: 4px;
border: 1px solid #D8DFE6;
}
}
.input_parent {
position: absolute; position: absolute;
left:85px; left: 85px;
right:0; right: 0;
top:0; top: 0;
.layui-form-radio {
margin-top: 0;
i:hover {
color: #0D84D1
}
}
.layui-form-radioed {
i {
color: #0D84D1
}
}
.input { .input {
height: 40px; height: 40px;
border-radius: 4px; border-radius: 4px;
border: 1px solid #D8DFE6; border: 1px solid #D8DFE6;
padding: 0 15px; padding: 0 15px;
width:100%; width: 100%;
&.price_input{ line-height: 40px;
padding:0 90px 0 15px;
&.price_input {
padding: 0 90px 0 15px;
}
&.day_input{
width:139px;
padding:0 35px 0 15px;
} }
}
.day{
position: relative;
color:#515559;
left:-30px;
} }
.rmb{ .rmb {
position: absolute; position: absolute;
cursor: pointer; cursor: pointer;
right:0; right: 0;
width:81px; width: 81px;
top:7px; top: 7px;
bottom:7px; bottom: 7px;
border-left:1px solid #D8DFE6; border-left: 1px solid #D8DFE6;
line-height:26px; line-height: 26px;
.text{
margin:0 8px 0 15px ; .text {
margin: 0 8px 0 15px;
font-size: 14px; font-size: 14px;
color:#515559; color: #515559;
} }
.icon{
.icon {
font-size: 12px; font-size: 12px;
color:#D8DFE6; color: #D8DFE6;
} }
} }
} }
}
.btn_div {
margin: 30px 0 0 90px;
span {
height: 40px;
width: 120px;
line-height: 40px;
text-align: center;
font-size: 16px;
border-radius: 3px;
cursor: pointer;
&.fb {
color: #fff;
background-color: #0D84D1
}
&.cz {
color: #515559;
border: 1px solid #E6ECF2;
margin-left: 40px;
}
}
} }
} }
.form_right{
.form_right {
text-align: center; text-align: center;
margin:20px 0 0 6.67%; margin: 20px 0 0 6.67%;
.sc{
height:220px; .sc {
width:220px; height: 220px;
width: 220px;
background-color: #F5F9FC; background-color: #F5F9FC;
text-align: center;
cursor: pointer;
div{
color:#ADB6BF;
font-size: 60px;
padding-top:67px;
}
p{
color:#8A9299;
font-size: 16px;
margin-top:23px;
}
} }
p{
p {
font-size: 14px; font-size: 14px;
color:#ADB6BF; color: #ADB6BF;
margin-top:17px; margin-top: 17px;
} }
} }
......
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