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