Commit 678f9ee5 by 施宇

11

parent 1fbefee3
...@@ -23,6 +23,10 @@ return array( ...@@ -23,6 +23,10 @@ return array(
'search' => 'Home/Index/search', 'search' => 'Home/Index/search',
'releaseinquiry' => 'Home/Index/releaseinquiry', 'releaseinquiry' => 'Home/Index/releaseinquiry',
'inquirydetail' => 'Home/Index/inquirydetail', 'inquirydetail' => 'Home/Index/inquirydetail',
'quotedetail' => 'Home/Index/quotedetail' 'quotedetail' => 'Home/Index/quotedetail',
'roborder' => 'Home/Index/roborder',
'goodmanage' => 'Home/Index/goodmanage',
'uploadsingle' => 'Home/Index/uploadsingle',
'gooddetail' => 'Home/Index/gooddetail',
), ),
); );
\ No newline at end of file
...@@ -58,6 +58,34 @@ class IndexController extends Controller ...@@ -58,6 +58,34 @@ class IndexController extends Controller
$this->display('QuotePrice/quotedetail'); $this->display('QuotePrice/quotedetail');
} }
/** /**
* 抢单专区
*/
public function roborder()
{
$this->display('RobOrder/index');
}
/**
* 商品管理
*/
public function goodmanage()
{
$this->display('GoodManage/index');
}
/**
* 上传单个商品
*/
public function uploadsingle()
{
$this->display('GoodManage/uploadsingle');
}
/**
* 商品详情
*/
public function gooddetail()
{
$this->display('GoodManage/gooddetail');
}
/**
* 账户设置 * 账户设置
*/ */
public function account() public function account()
......
<!DOCTYPE HTML>
<html lang="zh-CN">
<head>
<include file="public/header" />
<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/gooddetail.css">
</head>
<body>
<div class="wrapper">
<include file="public/navleft" />
<div class="wrapper_right">
<include file="public/top" />
<div class="right_content good_detail_content">
<div class="content">
<div class="nav_title">
商品管理 > 商品列表 > 商品详情 STM32F103ZET6
<span class="fr">2019-05-22 15:35</span>
</div>
<div class="bj_item">
<div class="top">
<span class="name bold">深圳邦马特科技有限公司深圳邦马特科技有限公司</span>
</div>
<div class="center clr">
<div class="center_left boxsiz clr fl">
<div class="fl">
<span class="icon iconfont iconjuxing10"></span>
公司认证
</div>
<div class="fl">
<span class="icon iconfont iconjuxing10"></span>
贸易商
</div>
<div class="fl">
<span class="icon iconfont iconjuxing10"></span>
贸易商
</div>
<div class="fl">
<span class="icon iconfont iconjuxing10"></span>
贸易商
</div>
<div class="fl">
<span class="icon iconfont iconjuxing10"></span>
贸易商
</div>
</div>
<div class="center_right ellipsis boxsiz fl">
报价:<span class="bold">21次</span>
</div>
</div>
<div class="gt_div fl btn btn_yellow">
<span class="icon iconfont iconjuxing7 va-m"></span>
在线沟通
</div>
</div>
<div class="goods_detail clr">
<img src="__PUBLIC__/images/test.jpg" alt="" class="fr">
<div class=" goods_desc boxsiz">
<div class="title">
<div class="fr title_right">
<span class="mark lineBlock"></span><span class="text">展示中</span>
</div>
<div class="title_left">
<h3 class="bold fl boxsiz">STM32F103ZET6</h3>
<div class="price fl bold boxsiz">¥67.9800</div>
</div>
</div>
<div class="desc">
<div class="brand fl boxsiz ellipsis">
品牌:<span>Texas InstrumentsTexas InstrumentsTexas</span>
</div>
<div class="fz fl boxsiz ellipsis">
封装:<span>LQFP-144</span>
</div>
<div class="num fl boxsiz ellipsis"> 库存:<span class="bold">100,000 PCS</span></div>
<div class="hq fl boxsiz ellipsis"> 货期:<span>现货</span></div>
<div class="time fl boxsiz ellipsis"> 更新时间:<span>2019-05-27 17:27</span></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
\ No newline at end of file
<!DOCTYPE HTML>
<html lang="zh-CN">
<head>
<include file="public/header" />
<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/goodmanage.css">
</head>
<body>
<div class="wrapper">
<include file="public/navleft" />
<div class="wrapper_right">
<include file="public/top" />
<div class="right_content good_manage_content">
<div class="content">
<div class="nav_title">商品管理 > 商品列表</div>
<div class="good_total clr">
<div class="fl my_good">
<h3>85</h3>
<p>我的商品</p>
</div>
<div class="fl week_good">
<h3>85</h3>
<p>本周新增</p>
</div>
<div class="fl no_good">
<h3>85</h3>
<p>等待完善</p>
</div>
<div class="center_line line1"></div>
<div class="center_line line2"></div>
</div>
<div class="filter_section clr">
<div class="fr">
<div class="btn_div fr">
<a class="cx lineBlock btn">查询</a>
</div>
<div class="date_div fr">
<span class="fl">日期选择:</span>
<div class="start_date_div fl">
<div class="icon_div fl icon iconfont iconjuxing13">
</div>
<input type="text" placeholder="开始日期" class="fl boxsiz" id="start_date">
</div>
<div class="fl heng"></div>
<div class="end_date_div fl">
<div class="icon_div fl icon iconfont iconjuxing13">
</div>
<input type="text" placeholder="结束日期" class="fl boxsiz" id="end_date">
</div>
</div>
<div class="layui-form fr">
<span class="lineBlock">状态:</span>
<select name="city" lay-verify="required">
<option value=""></option>
<option value="0">北京</option>
<option value="1">上海</option>
<option value="2">广州</option>
<option value="3">深圳</option>
<option value="4">杭州</option>
</select>
</div>
</div>
<div class="input_div boxsiz">
<span class="lineBlock">商品型号:</span>
<div class="boxsiz">
<input type="text" placeholder="请输入型号" class="boxsiz">
</div>
</div>
</div>
<div class="btn_group clr">
<div class="dgsc fl btn">
<span class="icon iconfont iconjuxing16"></span>
上传商品
</div>
<div class="xz fr boxsiz btn btn_border">
下载商品模板</div>
<div class="plsc fr btn btn_green">
<span class="icon iconfont iconjuxing16 "></span>
批量上传
</div>
</div>
<div class="good_data">
<div class="data_list">
<div class="data_item">
<div class="data_detail">
<div class="type fl ellipsis boxsiz"><span
class="bold">STM32F103ZET6STM32F103ZET6</span><span
class="icon iconfont iconjuxing17"></span></div>
<div class="brand fl ellipsis boxsiz">品牌:<span>Texas Instrument</span></div>
<div class="num fl ellipsis boxsiz">库存:<span>PCS10,000</span></div>
<div class="price fl ellipsis boxsiz bold">¥1.8835</div>
<div class="data_status fl boxsiz zs"><span class="mark lineBlock"></span><span
class="text">展示中</span></div>
<div class="time fr ellipsis boxsiz">2019-05-22 15:35</div>
</div>
<a class="xj fr">下架</a>
<a class="edit fr">编辑</a>
</div>
<div class="data_item">
<div class="data_detail">
<div class="type fl ellipsis boxsiz"><span
class="bold">STM32F103ZET6STM32F103ZET6</span><span
class="icon iconfont iconjuxing17"></span></div>
<div class="brand fl ellipsis boxsiz">品牌:<span>Texas Instrument</span></div>
<div class="num fl ellipsis boxsiz">库存:<span>PCS10,000</span></div>
<div class="price fl ellipsis boxsiz bold">¥1.8835</div>
<div class="data_status fl boxsiz zs"><span class="mark lineBlock"></span><span
class="text">展示中</span></div>
<div class="time fr ellipsis boxsiz">2019-05-22 15:35</div>
</div>
<a class="xj fr">下架</a>
<a class="edit fr">编辑</a>
</div>
<div class="data_item">
<div class="data_detail">
<div class="type fl ellipsis boxsiz"><span
class="bold">STM32F103ZET6STM32F103ZET6</span><span
class="icon iconfont iconjuxing17"></span></div>
<div class="brand fl ellipsis boxsiz">品牌:<span>Texas Instrument</span></div>
<div class="num fl ellipsis boxsiz">库存:<span>PCS10,000</span></div>
<div class="price fl ellipsis boxsiz bold">¥1.8835</div>
<div class="data_status fl boxsiz zs"><span class="mark lineBlock"></span><span
class="text">展示中</span></div>
<div class="time fr ellipsis boxsiz">2019-05-22 15:35</div>
</div>
<a class="xj fr">下架</a>
<a class="edit fr">编辑</a>
</div>
<div class="data_item">
<div class="data_detail">
<div class="type fl ellipsis boxsiz"><span
class="bold">STM32F103ZET6STM32F103ZET6</span><span
class="icon iconfont iconjuxing17"></span></div>
<div class="brand fl ellipsis boxsiz">品牌:<span>Texas Instrument</span></div>
<div class="num fl ellipsis boxsiz">库存:<span>PCS10,000</span></div>
<div class="price fl ellipsis boxsiz bold">¥1.8835</div>
<div class="data_status fl boxsiz zs"><span class="mark lineBlock"></span><span
class="text">展示中</span></div>
<div class="time fr ellipsis boxsiz">2019-05-22 15:35</div>
</div>
<a class="xj fr">下架</a>
<a class="edit fr">编辑</a>
</div>
</div>
<div class="no_data" style="display: none">
<img src="__PUBLIC__/images/nosearchdata.png" alt="">
<p class="bold">未搜索到询价信息</p>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
<script src="__PUBLIC__/js/layui/layui.all.js"></script>
<script>
layui.use('laydate', function () {
var laydate = layui.laydate;
//执行一个laydate实例
laydate.render({
elem: '#start_date', //指定元素
theme: '#0D84D1'
});
laydate.render({
elem: '#end_date', //指定元素
theme: '#0D84D1'
});
});
$('.dgsc').click(function () {
window.location.href = '/uploadsingle'
})
$('.data_item').click(function () {
window.location.href = '/gooddetail'
})
</script>
</html>
\ No newline at end of file
<!DOCTYPE HTML>
<html lang="zh-CN">
<head>
<include file="public/header" />
<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/releaseinquiry.css">
</head>
<body>
<div class="wrapper">
<include file="public/navleft" />
<div class="wrapper_right">
<include file="public/top" />
<div class="right_content release_inquiry_content">
<div class="content">
<div class="nav_title">商品管理 > 发布商品 > 上传商品</div>
<div class="inquiry_form">
<div class="top_title clr">
<h3 class="bold fl">上传商品</h3>
<div class="plsc_btn fr">
<span class="icon iconfont iconjuxing16"></span>
批量上传
</div>
</div>
<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="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="text" placeholder="输入时间" class="boxsiz day_input input">
<i class="day"></i>
</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 class="icon iconfont iconjuxing16"></div>
<p>上传图片</p>
</div>
<p>* 支持png、jpg等图片格式</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="__PUBLIC__/js/layui/layui.all.js"></script>
</body>
</html>
\ No newline at end of file
...@@ -51,7 +51,7 @@ ...@@ -51,7 +51,7 @@
<span class="icon iconfont iconjuxing"></span> <span class="icon iconfont iconjuxing"></span>
<input type="text" placeholder="请输入要搜索的内容"> <input type="text" placeholder="请输入要搜索的内容">
</div> </div>
<div class="input_btn fl"> <div class="btn fl btn_60 btn_fz_18 input_btn bold">
搜索 搜索
</div> </div>
</div> </div>
...@@ -72,6 +72,7 @@ ...@@ -72,6 +72,7 @@
<span class="lineBlock"></span> <span class="lineBlock"></span>
<b>我的询报价</b> <b>我的询报价</b>
</div> </div>
<div class="goods_data_list">
<div class="my_xj_list clr"> <div class="my_xj_list clr">
<div class="my_xj_item fl boxsiz"> <div class="my_xj_item fl boxsiz">
<div class="item_top clr"> <div class="item_top clr">
...@@ -231,6 +232,8 @@ ...@@ -231,6 +232,8 @@
<p class="bold">暂无询报价信息</p> <p class="bold">暂无询报价信息</p>
</div> </div>
</div> </div>
</div>
<div class="new_xj"> <div class="new_xj">
<div class="new_xj_title xj_title"> <div class="new_xj_title xj_title">
<span class="lineBlock"></span> <span class="lineBlock"></span>
......
...@@ -37,22 +37,22 @@ ...@@ -37,22 +37,22 @@
</div> </div>
<div class="btn_div fr"> <div class="btn_div fr">
<a class="cx lineBlock">查询</a> <a class="cx lineBlock btn">查询</a>
<a class="cz lineBlock boxsiz">重置</a> <a class="cz lineBlock boxsiz btn btn_border">重置</a>
</div> </div>
<div class="date_div fr"> <div class="date_div fr">
<span class="fl">日期选择:</span> <span class="fl">日期选择:</span>
<div class="start_date_div fl"> <div class="start_date_div fl">
<div class="icon_div fl icon iconfont iconjuxing13"> <div class="icon_div fl icon iconfont iconjuxing13">
</div> </div>
<input type="text" placeholder="开始日期" class="fl boxsiz"> <input type="text" placeholder="开始日期" class="fl boxsiz" id="start_date">
</div> </div>
<div class="fl heng"></div> <div class="fl heng"></div>
<div class="end_date_div fl"> <div class="end_date_div fl">
<div class="icon_div fl icon iconfont iconjuxing13"> <div class="icon_div fl icon iconfont iconjuxing13">
</div> </div>
<input type="text" placeholder="结束日期" class="fl boxsiz"> <input type="text" placeholder="结束日期" class="fl boxsiz" id="end_date">
</div> </div>
</div> </div>
...@@ -173,18 +173,33 @@ ...@@ -173,18 +173,33 @@
</div> </div>
</div> </div>
<script src="__PUBLIC__/js/layui/layui.all.js"></script>
<script>
layui.use('laydate', function () {
var laydate = layui.laydate;
</body> //执行一个laydate实例
<script> laydate.render({
$('.edit_div').click(function(){ elem: '#start_date', //指定元素
theme: '#0D84D1'
});
laydate.render({
elem: '#end_date' ,//指定元素
theme: '#0D84D1'
});
});
$('.edit_div').click(function () {
window.location.href = "/releaseinquiry" window.location.href = "/releaseinquiry"
}) })
$('.iconjuxing2').click(function(){ $('.iconjuxing2').click(function () {
$('.show_more').slideDown() $('.show_more').slideDown()
}) })
$('.data_item').click(function(){ $('.data_item').click(function () {
window.location.href = "/inquirydetail" window.location.href = "/inquirydetail"
}) })
</script> </script>
</body>
</html> </html>
\ No newline at end of file
...@@ -35,7 +35,7 @@ ...@@ -35,7 +35,7 @@
封装:<span>LQFP-144</span> 封装:<span>LQFP-144</span>
</div> </div>
<div class="price fl boxsiz ellipsis "> 接受价:<span></span></div> <div class="price fl boxsiz ellipsis "> 接受价:<span></span></div>
<div class="num fl boxsiz ellipsis"> 数量:<span>100,000 PCS</span></div> <div class="num fl boxsiz ellipsis"> 数量:<span class="bold">100,000 PCS</span></div>
<div class="hq fl boxsiz ellipsis"> 货期:<span>现货</span></div> <div class="hq fl boxsiz ellipsis"> 货期:<span>现货</span></div>
<div class="bz fl boxsiz ellipsis"> 备注:<span>有货的商家请尽快联系,谢谢!</span></div> <div class="bz fl boxsiz ellipsis"> 备注:<span>有货的商家请尽快联系,谢谢!</span></div>
</div> </div>
...@@ -86,11 +86,11 @@ ...@@ -86,11 +86,11 @@
</div> </div>
</div> </div>
<div class="bottom clr"> <div class="bottom clr">
<div class="gt_div fl boxsiz"> <div class="gt_div fl btn btn_yellow">
<span class="icon iconfont iconjuxing7 va-m"></span> <span class="icon iconfont iconjuxing7 va-m"></span>
在线沟通 在线沟通
</div> </div>
<div class="phone_div fl boxsiz"> <div class="phone_div fl btn btn_border">
<span class="icon iconfont iconjuxing23 va-m"></span> <span class="icon iconfont iconjuxing23 va-m"></span>
18271408714 18271408714
</div> </div>
...@@ -112,7 +112,7 @@ ...@@ -112,7 +112,7 @@
<div class="fz fl boxsiz ellipsis"> <div class="fz fl boxsiz ellipsis">
封装:<span>LQFP-144</span> 封装:<span>LQFP-144</span>
</div> </div>
<div class="num fl boxsiz ellipsis"> 数量:<span>100,000 PCS</span></div> <div class="num fl boxsiz ellipsis"> 数量:<span class="bold">100,000 PCS</span></div>
<div class="hq fl boxsiz ellipsis"> 货期:<span>现货</span></div> <div class="hq fl boxsiz ellipsis"> 货期:<span>现货</span></div>
<div class="bz fl boxsiz ellipsis"> 备注:<span>我们有大量的现货,随时都可以出库。我们有大量的现货,随时都可以出库。</span></div> <div class="bz fl boxsiz ellipsis"> 备注:<span>我们有大量的现货,随时都可以出库。我们有大量的现货,随时都可以出库。</span></div>
</div> </div>
......
...@@ -37,22 +37,22 @@ ...@@ -37,22 +37,22 @@
</div> </div>
<div class="btn_div fr"> <div class="btn_div fr">
<a class="cx lineBlock">查询</a> <a class="cx lineBlock btn">查询</a>
<a class="cz lineBlock boxsiz">重置</a> <a class="cz lineBlock btn btn_border">重置</a>
</div> </div>
<div class="date_div fr"> <div class="date_div fr">
<span class="fl">日期选择:</span> <span class="fl">日期选择:</span>
<div class="start_date_div fl"> <div class="start_date_div fl">
<div class="icon_div fl icon iconfont iconjuxing13"> <div class="icon_div fl icon iconfont iconjuxing13">
</div> </div>
<input type="text" placeholder="开始日期" class="fl boxsiz"> <input type="text" placeholder="开始日期" class="fl boxsiz" id="start_date">
</div> </div>
<div class="fl heng"></div> <div class="fl heng"></div>
<div class="end_date_div fl"> <div class="end_date_div fl">
<div class="icon_div fl icon iconfont iconjuxing13"> <div class="icon_div fl icon iconfont iconjuxing13">
</div> </div>
<input type="text" placeholder="结束日期" class="fl boxsiz"> <input type="text" placeholder="结束日期" class="fl boxsiz" id="end_date">
</div> </div>
</div> </div>
...@@ -147,14 +147,28 @@ ...@@ -147,14 +147,28 @@
</div> </div>
</div> </div>
<script src="__PUBLIC__/js/layui/layui.all.js"></script>
<script> <script>
$('.edit_div').click(function(){ layui.use('laydate', function () {
var laydate = layui.laydate;
//执行一个laydate实例
laydate.render({
elem: '#start_date', //指定元素
theme: '#0D84D1'
});
laydate.render({
elem: '#end_date', //指定元素
theme: '#0D84D1'
});
});
$('.edit_div').click(function () {
window.location.href = "/releaseinquiry" window.location.href = "/releaseinquiry"
}) })
$('.iconjuxing2').click(function(){ $('.iconjuxing2').click(function () {
$('.show_more').slideDown() $('.show_more').slideDown()
}) })
$('.data_item').click(function(){ $('.data_item').click(function () {
window.location.href = "/quotedetail" window.location.href = "/quotedetail"
}) })
</script> </script>
......
...@@ -38,7 +38,7 @@ ...@@ -38,7 +38,7 @@
封装:<span>LQFP-144</span> 封装:<span>LQFP-144</span>
</div> </div>
<div class="price fl boxsiz ellipsis "> 接受价:<span></span></div> <div class="price fl boxsiz ellipsis "> 接受价:<span></span></div>
<div class="num fl boxsiz ellipsis"> 数量:<span>100,000 PCS</span></div> <div class="num fl boxsiz ellipsis"> 数量:<span class="bold">100,000 PCS</span></div>
<div class="hq fl boxsiz ellipsis"> 货期:<span>现货</span></div> <div class="hq fl boxsiz ellipsis"> 货期:<span>现货</span></div>
<div class="bz fl boxsiz ellipsis"> 备注:<span>有货的商家请尽快联系,谢谢!</span></div> <div class="bz fl boxsiz ellipsis"> 备注:<span>有货的商家请尽快联系,谢谢!</span></div>
</div> </div>
...@@ -66,7 +66,7 @@ ...@@ -66,7 +66,7 @@
<div class="fz fl boxsiz ellipsis"> <div class="fz fl boxsiz ellipsis">
封装:<span>LQFP-144</span> 封装:<span>LQFP-144</span>
</div> </div>
<div class="num fl boxsiz ellipsis"> 数量:<span>100,000 PCS</span></div> <div class="num fl boxsiz ellipsis"> 数量:<span class="bold">100,000 PCS</span></div>
<div class="hq fl boxsiz ellipsis"> 货期:<span>现货</span></div> <div class="hq fl boxsiz ellipsis"> 货期:<span>现货</span></div>
<div class="bz fl boxsiz ellipsis"> <div class="bz fl boxsiz ellipsis">
备注:<span>我们有大量的现货,随时都可以出库。我们有大量的现货,随时都可以出库。</span></div> 备注:<span>我们有大量的现货,随时都可以出库。我们有大量的现货,随时都可以出库。</span></div>
...@@ -78,7 +78,7 @@ ...@@ -78,7 +78,7 @@
<img src="__PUBLIC__/images/nodata.png" alt=""> <img src="__PUBLIC__/images/nodata.png" alt="">
<p>暂无报价信息</p> <p>暂无报价信息</p>
</div> </div>
<div class="bj_btn"> <div class="bj_btn btn btn_60 btn_fz_18">
继续报价,剩余1次 继续报价,剩余1次
</div> </div>
</div> </div>
...@@ -89,7 +89,7 @@ ...@@ -89,7 +89,7 @@
</div> </div>
<!-- 弹窗表单 --> <!-- 弹窗表单 -->
<div class="from_mask"> <div class="from_mask" style="display: none">
<div class="form boxsiz"> <div class="form boxsiz">
<h3 class="bold">新增报价</h3> <h3 class="bold">新增报价</h3>
...@@ -149,14 +149,22 @@ ...@@ -149,14 +149,22 @@
</div> </div>
</div> </div>
<div class="btn_div"> <div class="btn_div">
<span class="lineBlock fb boxsiz">报价</span> <span class="lineBlock fb btn">报价</span>
<span class="lineBlock cz boxsiz">取消</span> <span class="lineBlock cz btn btn_border">取消</span>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<script src="__PUBLIC__/js/layui/layui.all.js"></script> <script src="__PUBLIC__/js/layui/layui.all.js"></script>
<script>
$('.cz').click(function(){
$('.from_mask').fadeOut()
})
$('.bj_btn').click(function(){
$('.from_mask').fadeIn()
})
</script>
</body> </body>
......
...@@ -15,7 +15,9 @@ ...@@ -15,7 +15,9 @@
<div class="content"> <div class="content">
<div class="nav_title">询报价 > 发布询价</div> <div class="nav_title">询报价 > 发布询价</div>
<div class="inquiry_form"> <div class="inquiry_form">
<h3 class="bold">发布询价</h3> <div class="top_title clr">
<h3 class="bold fl">发布询价</h3>
</div>
<div class="gb"> <div class="gb">
<span class="icon iconfont iconjuxing19 va-m"></span> <span class="icon iconfont iconjuxing19 va-m"></span>
<span>填写完整信息,有利于提高回复报价效率</span> <span>填写完整信息,有利于提高回复报价效率</span>
...@@ -73,8 +75,8 @@ ...@@ -73,8 +75,8 @@
</div> </div>
</div> </div>
<div class="btn_div"> <div class="btn_div">
<span class="lineBlock fb boxsiz">发布</span> <span class="lineBlock fb btn">发布</span>
<span class="lineBlock cz boxsiz">重置</span> <span class="lineBlock cz btn btn_border">重置</span>
</div> </div>
</div> </div>
<div class="form_right fl "> <div class="form_right fl ">
......
<!DOCTYPE HTML>
<html lang="zh-CN">
<head>
<include file="public/header" />
<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/roborder.css">
</head>
<body>
<div class="wrapper">
<include file="public/navleft" />
<div class="wrapper_right">
<include file="public/top" />
<div class="right_content roborder_content">
<div class="edit_div">
<span class=" icon iconfont iconjuxing14"></span>
</div>
<div class="content">
<div class="nav_title">
首页 > 抢单专区
</div>
<div class="condition_content">
<span class="bold">资质:</span>
<span class="all_xj active filter_span">全部询价</span>
<span class="today_xj filter_span">今日询价</span>
<span class="num_xj filter_span"><i>0</i>回复询价</span>
</div>
<div class="goods_data_list">
<div class="my_xj_list clr ">
<div class="my_xj_item fl boxsiz">
<div class="item_top clr">
<div class="fl num ellipsis">TMP75CIDRTMP75CIDRTMP75CIDRTMP75CIDRTMP75CIDR</div>
</div>
<div class="item_middle clr">
<div class="fl price">¥10.1241</div>
<div class="fr time">05-10 17:38</div>
</div>
<div class="item_bottom">
<div class="brand">品牌:<span>future</span></div>
<div class="total">数量:<span class="bold">10000 PCS</span></div>
<div class="date">货期:<span class="bold">现货</span></div>
</div>
<div class="item_user">
<span class="fl type mystype lineBlock">贸易商</span>
<div class="fl name ellipsis">深圳猎芯科技有限公司</div>
</div>
</div>
<div class="my_xj_item fl boxsiz">
<div class="item_top clr">
<div class="fl num ellipsis">TMP75CIDRTMP75CIDRTMP75CIDRTMP75CIDRTMP75CIDR</div>
</div>
<div class="item_middle clr">
<div class="fl price">¥10.1241</div>
<div class="fr time">05-10 17:38</div>
</div>
<div class="item_bottom">
<div class="brand">品牌:<span>future</span></div>
<div class="total">数量:<span class="bold">10000 PCS</span></div>
<div class="date">货期:<span class="bold">现货</span></div>
</div>
<div class="item_user">
<span class="fl type mystype lineBlock">贸易商</span>
<div class="fl name ellipsis">深圳猎芯科技有限公司深圳猎芯科技有限公司深圳猎芯科技有限公司深圳猎芯科技有限公司</div>
</div>
</div>
<div class="my_xj_item fl boxsiz">
<div class="item_top clr">
<div class="fl num ellipsis">TMP75CIDRTMP75CIDRTMP75CIDRTMP75CIDRTMP75CIDR</div>
</div>
<div class="item_middle clr">
<div class="fl price">¥10.1241</div>
<div class="fr time">05-10 17:38</div>
</div>
<div class="item_bottom">
<div class="brand">品牌:<span>future</span></div>
<div class="total">数量:<span class="bold">10000 PCS</span></div>
<div class="date">货期:<span class="bold">现货</span></div>
</div>
<div class="item_user">
<span class="fl type mystype lineBlock">贸易商</span>
<div class="fl name ellipsis">深圳猎芯科技有限公司深圳猎芯科技有限公司深圳猎芯科技有限公司深圳猎芯科技有限公司</div>
</div>
</div>
<div class="my_xj_item fl boxsiz">
<div class="item_top clr">
<div class="fl num ellipsis">TMP75CIDRTMP75CIDRTMP75CIDRTMP75CIDRTMP75CIDR</div>
</div>
<div class="item_middle clr">
<div class="fl price">¥10.1241</div>
<div class="fr time">05-10 17:38</div>
</div>
<div class="item_bottom">
<div class="brand">品牌:<span>future</span></div>
<div class="total">数量:<span class="bold">10000 PCS</span></div>
<div class="date">货期:<span class="bold">现货</span></div>
</div>
<div class="item_user">
<span class="fl type mystype lineBlock">贸易商</span>
<div class="fl name ellipsis">深圳猎芯科技有限公司深圳猎芯科技有限公司深圳猎芯科技有限公司深圳猎芯科技有限公司</div>
</div>
</div>
<div class="my_xj_item fl boxsiz">
<div class="item_top clr">
<div class="fl num ellipsis">TMP75CIDRTMP75CIDRTMP75CIDRTMP75CIDRTMP75CIDR</div>
</div>
<div class="item_middle clr">
<div class="fl price">¥10.1241</div>
<div class="fr time">05-10 17:38</div>
</div>
<div class="item_bottom">
<div class="brand">品牌:<span>future</span></div>
<div class="total">数量:<span class="bold">10000 PCS</span></div>
<div class="date">货期:<span class="bold">现货</span></div>
</div>
<div class="item_user">
<span class="fl type mystype lineBlock">贸易商</span>
<div class="fl name ellipsis">深圳猎芯科技有限公司深圳猎芯科技有限公司深圳猎芯科技有限公司深圳猎芯科技有限公司</div>
</div>
</div>
<div class="my_xj_item fl boxsiz">
<div class="item_top clr">
<div class="fl num ellipsis">
TMP75CIDRTMP75CIDRTMP75CIDRTMP75CIDRTMP75CIDRTMP75CIDRTMP75CIDRTMP75CIDRTMP75CIDRTMP75CIDR
</div>
</div>
<div class="item_middle clr">
<div class="fl price">¥10.1241</div>
<div class="fr time">05-10 17:38</div>
</div>
<div class="item_bottom">
<div class="brand">品牌:<span>future</span></div>
<div class="total">数量:<span class="bold">10000 PCS</span></div>
<div class="date">货期:<span class="bold">现货</span></div>
</div>
<div class="item_user">
<span class="fl type mystype lineBlock">贸易商</span>
<div class="fl name ellipsis">深圳猎芯科技有限公司</div>
</div>
</div>
<div class="my_xj_item fl boxsiz">
<div class="item_top clr">
<div class="fl num ellipsis">TMP75CIDRTMP75CIDRTMP75CIDRTMP75CIDRTMP75CIDR</div>
</div>
<div class="item_middle clr">
<div class="fl price">¥10.1241</div>
<div class="fr time">05-10 17:38</div>
</div>
<div class="item_bottom">
<div class="brand">品牌:<span>future</span></div>
<div class="total">数量:<span class="bold">10000 PCS</span></div>
<div class="date">货期:<span class="bold">现货</span></div>
</div>
<div class="item_user">
<span class="fl type mystype lineBlock">贸易商</span>
<div class="fl name ellipsis">深圳猎芯科技有限公司</div>
</div>
</div>
<div class="my_xj_item fl boxsiz">
<div class="item_top clr">
<div class="fl num ellipsis">TMP75CIDRTMP75CIDRTMP75CIDRTMP75CIDRTMP75CIDR</div>
</div>
<div class="item_middle clr">
<div class="fl price">¥10.1241</div>
<div class="fr time">05-10 17:38</div>
</div>
<div class="item_bottom">
<div class="brand">品牌:<span>future</span></div>
<div class="total">数量:<span class="bold">10000 PCS</span></div>
<div class="date">货期:<span class="bold">现货</span></div>
</div>
<div class="item_user">
<span class="fl type mystype lineBlock">贸易商</span>
<div class="fl name ellipsis">深圳猎芯科技有限公司</div>
</div>
</div>
</div>
<div class="no_data" style="display: none">
<img src="__PUBLIC__/images/nosearchdata.png" alt="">
<p class="bold">未搜索到询价信息</p>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
\ No newline at end of file
...@@ -19,7 +19,7 @@ ...@@ -19,7 +19,7 @@
<span class="icon iconfont iconjuxing"></span> <span class="icon iconfont iconjuxing"></span>
<input type="text" placeholder="请输入要搜索的内容"> <input type="text" placeholder="请输入要搜索的内容">
</div> </div>
<div class="input_btn fl"> <div class="input_btn fl btn_48 btn bold">
搜索 搜索
</div> </div>
</div> </div>
...@@ -52,8 +52,8 @@ ...@@ -52,8 +52,8 @@
</div> </div>
</div> </div>
</div> </div>
<div class="data_list"> <div class="goods_data_list" >
<div class="my_xj_list clr " style="display: none"> <div class="my_xj_list clr ">
<div class="my_xj_item fl boxsiz"> <div class="my_xj_item fl boxsiz">
<div class="item_top clr"> <div class="item_top clr">
<div class="fl num ellipsis">TMP75CIDRTMP75CIDRTMP75CIDRTMP75CIDRTMP75CIDR</div> <div class="fl num ellipsis">TMP75CIDRTMP75CIDRTMP75CIDRTMP75CIDRTMP75CIDR</div>
...@@ -199,7 +199,7 @@ ...@@ -199,7 +199,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="no_data"> <div class="no_data" style="display: none">
<img src="__PUBLIC__/images/nosearchdata.png" alt=""> <img src="__PUBLIC__/images/nosearchdata.png" alt="">
<p class="bold">未搜索到相关信息</p> <p class="bold">未搜索到相关信息</p>
<div class="customer"> <div class="customer">
......
...@@ -28,8 +28,8 @@ ...@@ -28,8 +28,8 @@
<dd <if condition="(ACTION_NAME eq 'quote')">class="active"</if>"><a href="/quote">我的报价</a></dd> <dd <if condition="(ACTION_NAME eq 'quote')">class="active"</if>"><a href="/quote">我的报价</a></dd>
</dl> </dl>
</li> </li>
<li class="content_ul_li <if condition="(ACTION_NAME eq '')">active</if>"> <li class="content_ul_li <if condition="(ACTION_NAME eq 'roborder')">active</if>">
<a href="" class="out"> <a href="/roborder" class="out">
<span class="li_icon icon iconfont iconjuxing6"></span> <span class="li_icon icon iconfont iconjuxing6"></span>
<span class="li_title">抢单专区</span> <span class="li_title">抢单专区</span>
</a> </a>
...@@ -40,8 +40,8 @@ ...@@ -40,8 +40,8 @@
<span class="li_title">在线沟通</span> <span class="li_title">在线沟通</span>
</a> </a>
</li> </li>
<li class="content_ul_li <if condition="(ACTION_NAME eq '')">active</if>"> <li class="content_ul_li <if condition="(ACTION_NAME eq 'goodmanage')">active</if>">
<a href="" class="out"> <a href="/goodmanage" class="out">
<span class="li_icon icon iconfont iconjuxing8"></span> <span class="li_icon icon iconfont iconjuxing8"></span>
<span class="li_title">商品管理</span> <span class="li_title">商品管理</span>
</a> </a>
......
...@@ -288,6 +288,124 @@ body { ...@@ -288,6 +288,124 @@ body {
.layui-form-select dl dd.layui-this { .layui-form-select dl dd.layui-this {
background-color: #0D84D1 !important; background-color: #0D84D1 !important;
} }
.goods_data_list .my_xj_list {
padding-right: 20px;
}
.goods_data_list .my_xj_list .my_xj_item {
background-color: #fff;
box-shadow: 0px 5px 10px 0px rgba(216, 223, 230, 0.5);
margin: 20px 0 0 20px;
padding: 20px;
}
.goods_data_list .my_xj_list .my_xj_item .item_top .num {
font-size: 16px;
font-weight: 600;
color: #2E3033;
width: 100%;
}
.goods_data_list .my_xj_list .my_xj_item .item_middle {
margin-top: 12px;
padding-bottom: 15px;
border-bottom: 1px solid #F5F9FC;
}
.goods_data_list .my_xj_list .my_xj_item .item_middle .price {
color: #EA1717;
font-size: 14px;
font-weight: 600;
}
.goods_data_list .my_xj_list .my_xj_item .item_middle .time {
color: #ADB6BF;
font-size: 12px;
}
.goods_data_list .my_xj_list .my_xj_item .item_bottom {
font-size: 12px;
margin-top: 15px;
}
.goods_data_list .my_xj_list .my_xj_item .item_bottom div {
color: #ADB6BF;
}
.goods_data_list .my_xj_list .my_xj_item .item_bottom div.total,
.goods_data_list .my_xj_list .my_xj_item .item_bottom div.date {
margin-top: 5px;
}
.goods_data_list .my_xj_list .my_xj_item .item_bottom div span {
color: #515559;
}
.goods_data_list .my_xj_list .my_xj_item .item_user {
border-top: 1px solid #F5F9FC;
font-size: 12px;
padding-top: 12px;
margin-top: 20px;
}
.goods_data_list .my_xj_list .my_xj_item .item_user .type {
border-radius: 5px 0px 5px 0px;
width: 48px;
height: 20px;
text-align: center;
line-height: 20px;
}
.goods_data_list .my_xj_list .my_xj_item .item_user .type.grtype {
background-color: rgba(97, 160, 242, 0.2);
color: #0D84D1;
}
.goods_data_list .my_xj_list .my_xj_item .item_user .type.mystype {
color: #EAA217;
background-color: rgba(242, 191, 97, 0.2);
}
.goods_data_list .my_xj_list .my_xj_item .item_user .name {
color: #8A9299;
margin-left: 10px;
width: calc(100% - 58px);
}
@media screen and (max-width: 1440px) {
.goods_data_list .my_xj_list .my_xj_item {
width: calc(33.33% - 20px);
}
}
@media screen and (min-width: 1440px) and (max-width: 1750px) {
.goods_data_list .my_xj_list .my_xj_item {
width: calc(25% - 20px);
}
}
@media screen and (min-width: 1750px) {
.goods_data_list .my_xj_list .my_xj_item {
width: calc(20% - 20px);
}
}
.btn {
border-radius: 4px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
text-align: center;
cursor: pointer;
font-size: 16px;
background-color: #0D84D1;
color: #fff;
height: 40px;
line-height: 40px;
}
.btn.btn_48 {
height: 48px;
line-height: 48px;
}
.btn.btn_60 {
height: 60px;
line-height: 60px;
}
.btn.btn_fz_18 {
font-size: 18px;
}
.btn.btn_yellow {
background-color: #EAAD37;
}
.btn.btn_green {
background-color: #52CCA8;
}
.btn.btn_border {
background-color: #fff;
border: 1px solid #D8DFE6;
color: #515559;
}
@font-face { @font-face {
font-family: "iconfont"; font-family: "iconfont";
src: url('iconfont.eot?t=1560242605876'); src: url('iconfont.eot?t=1560242605876');
...@@ -511,7 +629,7 @@ body { ...@@ -511,7 +629,7 @@ body {
} }
.right_header .message_icon { .right_header .message_icon {
margin-right: 20px; margin-right: 20px;
margin-top: 25px; margin-top: 35px;
cursor: pointer; cursor: pointer;
} }
.right_header .message_icon .icon { .right_header .message_icon .icon {
......
...@@ -289,7 +289,161 @@ body { ...@@ -289,7 +289,161 @@ body {
.layui-form-select dl dd.layui-this { .layui-form-select dl dd.layui-this {
background-color: #0D84D1 !important; background-color: #0D84D1 !important;
} }
// 商品询价的公共样式
.goods_data_list {
.my_xj_list {
padding-right: 20px;
.my_xj_item {
background-color: #fff;
box-shadow: 0px 5px 10px 0px rgba(216, 223, 230, 0.5);
margin: 20px 0 0 20px;
padding: 20px;
.item_top {
.num {
font-size: 16px;
font-weight: 600;
color: #2E3033;
width: 100%;
}
}
.item_middle {
margin-top: 12px;
padding-bottom: 15px;
border-bottom: 1px solid #F5F9FC;
.price {
color: #EA1717;
font-size: 14px;
font-weight: 600;
}
.time {
color: #ADB6BF;
font-size: 12px;
}
}
.item_bottom {
font-size: 12px;
margin-top: 15px;
div {
color: #ADB6BF;
&.total,
&.date {
margin-top: 5px;
}
span {
color: #515559;
}
}
}
.item_user {
border-top: 1px solid #F5F9FC;
font-size: 12px;
padding-top:12px;
margin-top:20px;
.type {
border-radius: 5px 0px 5px 0px;
width:48px;
height:20px;
text-align: center;
line-height: 20px;
&.grtype {
background-color: rgba(97, 160, 242, 0.2);
color: #0D84D1;
}
&.mystype {
color: #EAA217;
background-color: rgba(242, 191, 97, 0.2);
}
}
.name {
color: #8A9299;
margin-left: 10px;
width: calc(~"100% - 58px");
}
}
}
@media screen and (max-width:1440px) {
//三个
.my_xj_item {
width: calc(~"33.33% - 20px");
}
}
@media screen and (min-width:1440px) and (max-width:1750px) {
//四个
.my_xj_item {
width: calc(~"25% - 20px");
}
}
@media screen and (min-width:1750px) {
//五个
.my_xj_item {
width: calc(~"20% - 20px");
}
}
}
}
// 按钮公共样式
.btn{
border-radius: 4px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
text-align: center;
cursor: pointer;
font-size: 16px;
background-color: #0D84D1;
color:#fff;
height:40px;
line-height: 40px;
&.btn_48{
height:48px;
line-height: 48px;
}
&.btn_60{
height:60px;
line-height: 60px;
}
&.btn_fz_18{
font-size: 18px;
}
&.btn_yellow{
background-color: #EAAD37;
}
&.btn_green{
background-color: #52CCA8;
}
&.btn_border{
background-color: #fff;
border:1px solid #D8DFE6;
color:#515559;
}
}
// 字体样式 // 字体样式
@import "./fonts.less"; @import "./fonts.less";
// 侧边栏 // 侧边栏
......
...@@ -7,10 +7,10 @@ ...@@ -7,10 +7,10 @@
margin: 20px 0 0 4% !important; margin: 20px 0 0 4% !important;
} }
.my_xj_list .my_xj_item .num { .my_xj_list .my_xj_item .num {
width: 72%; width: 72% !important;
} }
.my_xj_list .my_xj_item .name { .my_xj_list .my_xj_item .name {
width: 72%; width: 72% !important;
} }
.info_detail { .info_detail {
width: 57%; width: 57%;
......
...@@ -10,10 +10,10 @@ ...@@ -10,10 +10,10 @@
} }
.my_xj_list .my_xj_item{ .my_xj_list .my_xj_item{
.num{ .num{
width:72% width:72% !important;
} }
.name{ .name{
width:72% width:72% !important;
} }
} }
.info_detail { .info_detail {
......
.right_header {
height: 100px;
background-color: #fff;
min-width: 1013px;
}
.right_header .user_logo {
margin-right: 20px;
margin-top: 30px;
cursor: pointer;
}
.right_header .user_logo img {
border-radius: 50% 50%;
height: 40px;
width: 40px;
}
.right_header .message_icon {
margin-right: 20px;
margin-top: 35px;
cursor: pointer;
}
.right_header .message_icon .icon {
font-size: 30px;
color: #ADB6BF;
}
.right_header .message_icon .num {
font-size: 11px;
color: #fff;
border-radius: 8px;
background: #FC4C4C;
height: 16px;
line-height: 16px;
padding: 0 5px;
position: relative;
top: -15px;
left: -10px;
}
.right_header .input_div {
margin-right: 20px;
width: 220px;
height: 40px;
margin-top: 30px;
padding: 0 15px;
border-radius: 20px;
background-color: #F5F9FC;
position: relative;
}
.right_header .input_div input {
background-color: #F5F9FC;
font-size: 14px;
color: #686E73;
height: 40px;
width: 175px;
display: block;
line-height: 40px;
}
.right_header .input_div span {
font-size: 30px;
position: absolute;
right: 25px;
top: 0px;
height: 40px;
line-height: 40px;
color: #ADB6BF;
cursor: pointer;
}
...@@ -16,7 +16,7 @@ ...@@ -16,7 +16,7 @@
.message_icon { .message_icon {
margin-right: 20px; margin-right: 20px;
margin-top: 25px; margin-top: 35px;
cursor: pointer; cursor: pointer;
.icon { .icon {
......
.good_detail_content {
padding: 0 20px 20px 20px;
}
.good_detail_content .nav_title {
padding: 20px 0;
}
.good_detail_content .goods_detail {
background-color: #fff;
padding: 20px 30px;
margin-top: 10px;
}
.good_detail_content .goods_detail img {
height: 220px;
width: 220px;
}
.good_detail_content .goods_detail .goods_desc {
width: 100%;
padding-right: 250px;
}
.good_detail_content .goods_detail .goods_desc .title {
height: 54px;
border-bottom: 2px solid #F5F9FC;
line-height: 54px;
}
.good_detail_content .goods_detail .goods_desc .title .title_right {
width: 80px;
text-align: center;
}
.good_detail_content .goods_detail .goods_desc .title .title_right .mark {
height: 20px;
width: 20px;
background-color: #52CCA8;
border-radius: 50% 50%;
vertical-align: sub;
margin-right: 9px;
}
.good_detail_content .goods_detail .goods_desc .title .title_right .text {
font-size: 16px;
color: #515559;
}
.good_detail_content .goods_detail .goods_desc .title .title_left {
height: 54px;
margin-right: 80px;
}
.good_detail_content .goods_detail .goods_desc .title .title_left h3 {
color: #2E3033;
font-size: 28px;
width: 50%;
padding-right: 10px;
}
.good_detail_content .goods_detail .goods_desc .title .title_left .price {
color: #EA1717;
font-size: 20px;
width: 50%;
padding-right: 10px;
}
.good_detail_content .goods_detail .goods_desc .desc {
padding-right: 88px;
}
.good_detail_content .goods_detail .goods_desc .desc div {
font-size: 14px;
color: #ADB6BF;
width: 50%;
margin-top: 22px;
padding-right: 10px;
}
.good_detail_content .goods_detail .goods_desc .desc div span {
color: #515559;
}
.good_detail_content .goods_detail .goods_desc .desc div.time {
width: 100%;
}
.good_detail_content .goods_detail .goods_desc .desc div.time span {
color: #ADB6BF;
}
.good_detail_content .bj_item {
background-color: #fff;
padding: 20px 360px 20px 30px;
position: relative;
}
.good_detail_content .bj_item .top .name {
font-size: 16px;
color: #515559;
}
.good_detail_content .bj_item .center {
position: relative;
margin-top: 15px;
}
.good_detail_content .bj_item .center .center_right {
color: #ADB6BF;
font-size: 14px;
width: 50%;
padding-right: 10px;
}
.good_detail_content .bj_item .center .center_right span {
color: #515559;
}
.good_detail_content .bj_item .center .center_left {
width: 50%;
padding-right: 10px;
}
.good_detail_content .bj_item .center .center_left div {
color: #515559;
font-size: 14px;
margin-right: 10px;
}
.good_detail_content .bj_item .center .center_left div span {
font-size: 20px;
color: #2490D6;
position: relative;
top: 2px;
}
.good_detail_content .bj_item .gt_div {
font-size: 14px;
position: absolute;
right: 20px;
width: 110px;
top: 20px;
}
.good_detail_content .bj_item .gt_div span {
font-size: 20px;
margin-right: 5px;
}
.good_detail_content {
padding: 0 20px 20px 20px;
.nav_title {
padding: 20px 0;
}
.goods_detail {
background-color: #fff;
padding: 20px 30px;
margin-top: 10px;
img {
height: 220px;
width: 220px;
}
.goods_desc {
width: 100%;
padding-right: 250px;
.title {
height: 54px;
border-bottom: 2px solid #F5F9FC;
line-height: 54px;
.title_right {
width: 80px;
text-align: center;
.mark {
height: 20px;
width: 20px;
background-color: #52CCA8;
border-radius: 50% 50%;
vertical-align: sub;
margin-right: 9px;
}
.text {
font-size: 16px;
color: #515559;
}
}
.title_left {
height: 54px;
margin-right: 80px;
h3 {
color: #2E3033;
font-size: 28px;
width: 50%;
padding-right: 10px;
}
.price {
color: #EA1717;
font-size: 20px;
width: 50%;
padding-right: 10px;
}
}
}
.desc {
padding-right: 88px;
div {
font-size: 14px;
color: #ADB6BF;
width: 50%;
margin-top: 22px;
padding-right: 10px;
span {
color: #515559;
}
&.time {
width: 100%;
span {
color: #ADB6BF;
}
}
}
}
}
}
.bj_item {
background-color: #fff;
padding: 20px 360px 20px 30px;
position: relative;
.top {
.name {
font-size: 16px;
color: #515559;
}
}
.center {
position: relative;
margin-top: 15px;
.center_right {
color: #ADB6BF;
font-size: 14px;
width: 50%;
padding-right: 10px;
span {
color: #515559
}
}
.center_left {
width: 50%;
padding-right: 10px;
div {
color: #515559;
font-size: 14px;
margin-right: 10px;
span {
font-size: 20px;
color: #2490D6;
position: relative;
top: 2px;
}
}
}
}
.gt_div {
font-size: 14px;
position: absolute;
right: 20px;
width: 110px;
top: 20px;
span {
font-size: 20px;
margin-right: 5px;
}
}
}
}
\ No newline at end of file
.good_manage_content {
padding: 0 20px;
}
.good_manage_content .nav_title {
padding: 20px 0;
}
.good_manage_content .good_total {
background-color: #fff;
height: 120px;
position: relative;
}
.good_manage_content .good_total .fl {
width: 33.33%;
text-align: center;
}
.good_manage_content .good_total .fl h3 {
font-size: 40px;
margin-top: 22px;
}
.good_manage_content .good_total .fl p {
font-size: 14px;
color: #8A9299;
}
.good_manage_content .good_total .fl.my_good h3 {
color: #0D84D1;
}
.good_manage_content .good_total .fl.week_good h3 {
color: #EAA217;
}
.good_manage_content .good_total .fl.no_good h3 {
color: #515559;
}
.good_manage_content .good_total .center_line {
position: absolute;
top: 20px;
bottom: 20px;
width: 1px;
background-color: #E6ECF2;
}
.good_manage_content .good_total .center_line.line1 {
left: 33.33%;
}
.good_manage_content .good_total .center_line.line2 {
left: 66.66%;
}
.good_manage_content .filter_section {
height: 80px;
background-color: #fff;
margin-top: 20px;
font-size: 14px;
color: #686E73;
padding: 0 20px;
line-height: 80px;
}
.good_manage_content .filter_section .input_div {
margin-right: 714px;
position: relative;
}
.good_manage_content .filter_section .input_div div {
left: 70px;
right: 0;
position: absolute;
top: 0px;
}
.good_manage_content .filter_section .input_div input {
height: 40px;
border-radius: 4px;
border: 1px solid #D8DFE6;
padding: 0 15px;
width: 70%;
line-height: 40px;
}
@media screen and (max-width: 1440px) {
.good_manage_content .filter_section .input_div input {
width: 90%;
}
}
.good_manage_content .filter_section .input_div span {
width: 70px;
}
.good_manage_content .filter_section .date_div input {
height: 40px;
border-radius: 0px 4px 4px 0px;
border: 1px solid #D8DFE6;
padding: 0 15px;
width: 94px;
padding: 0 6px;
line-height: 40px;
}
.good_manage_content .filter_section .date_div .start_date_div,
.good_manage_content .filter_section .date_div .end_date_div {
margin-top: 20px;
}
.good_manage_content .filter_section .date_div .icon_div {
width: 34px;
background-color: #E6ECF2;
border-radius: 4px 0px 0px 4px;
color: #B6BFC7;
font-size: 20px;
text-align: center;
height: 40px;
line-height: 40px;
}
.good_manage_content .filter_section .layui-form {
margin-right: 20px;
}
.good_manage_content .filter_section .layui-form .layui-form-select {
display: inline-block;
width: 170px;
vertical-align: middle;
}
.good_manage_content .filter_section .layui-form .layui-form-select input {
border-radius: 4px;
}
.good_manage_content .filter_section .heng {
margin: 0 5px;
height: 2px;
width: 12px;
background-color: #D8D8D8;
margin-top: 39px;
}
.good_manage_content .filter_section .btn_div a {
width: 120px;
}
.good_manage_content .filter_section .btn_div a.cx {
margin-left: 20px;
}
.good_manage_content .btn_group {
margin-top: 20px;
}
.good_manage_content .btn_group div {
padding: 0 19px;
}
.good_manage_content .btn_group div.xz {
margin-left: 20px;
}
.good_manage_content .good_data .data_list {
margin-top: 10px;
}
.good_manage_content .good_data .data_list .data_item {
height: 60px;
background-color: #fff;
margin-top: 10px;
padding: 0 25px;
color: #ADB6BF;
font-size: 14px;
line-height: 60px;
position: relative;
cursor: pointer;
}
.good_manage_content .good_data .data_list .data_item .data_detail {
position: absolute;
top: 0;
left: 25px;
right: 140px;
bottom: 0;
}
.good_manage_content .good_data .data_list .data_item .data_detail > div {
padding-right: 10px;
}
.good_manage_content .good_data .data_list .data_item .type {
color: #2E3033;
font-size: 16px;
width: 25%;
}
.good_manage_content .good_data .data_list .data_item .type .icon {
font-size: 25px;
color: #BFC6CD;
vertical-align: sub;
margin-left: 10px;
}
.good_manage_content .good_data .data_list .data_item .brand {
width: 20%;
}
.good_manage_content .good_data .data_list .data_item .brand span {
color: #515559;
}
.good_manage_content .good_data .data_list .data_item .num {
width: 15%;
}
.good_manage_content .good_data .data_list .data_item .num span {
color: #515559;
}
.good_manage_content .good_data .data_list .data_item .data_status {
width: 12%;
}
.good_manage_content .good_data .data_list .data_item .data_status .mark {
height: 10px;
width: 10px;
border-radius: 50% 50%;
margin-right: 4px;
}
.good_manage_content .good_data .data_list .data_item .data_status.zs .mark {
background-color: #52CCA8;
}
.good_manage_content .good_data .data_list .data_item .data_status.xj .mark {
background-color: #D8DFE6;
}
.good_manage_content .good_data .data_list .data_item .data_status .text {
color: #686E73;
}
.good_manage_content .good_data .data_list .data_item .time {
width: 16%;
}
.good_manage_content .good_data .data_list .data_item .price {
color: #EA1717;
width: 12%;
}
@media screen and (max-width: 1440px) {
.good_manage_content .good_data .data_list .data_item .type {
width: 30%;
}
.good_manage_content .good_data .data_list .data_item .brand {
width: 26%;
}
.good_manage_content .good_data .data_list .data_item .num {
width: 20%;
}
.good_manage_content .good_data .data_list .data_item .time {
display: none;
}
}
.good_manage_content .good_data .data_list .data_item .edit {
color: #686E73;
cursor: pointer;
}
.good_manage_content .good_data .data_list .data_item .xj {
color: #686E73;
cursor: pointer;
margin-left: 20px;
}
.good_manage_content .good_data .data_list .data_item .xj.fb {
color: #0D84D1;
}
.good_manage_content {
padding: 0 20px;
.nav_title {
padding: 20px 0;
}
.good_total {
background-color: #fff;
height: 120px;
position: relative;
.fl {
width: 33.33%;
text-align: center;
h3 {
font-size: 40px;
margin-top: 22px;
}
p {
font-size: 14px;
color: #8A9299;
}
&.my_good {
h3 {
color: #0D84D1
}
}
&.week_good {
h3 {
color: #EAA217;
}
}
&.no_good {
h3 {
color: #515559;
}
}
}
.center_line {
position: absolute;
top: 20px;
bottom: 20px;
width: 1px;
background-color: #E6ECF2;
&.line1 {
left: 33.33%;
}
&.line2 {
left: 66.66%;
}
}
}
.filter_section {
height: 80px;
background-color: #fff;
margin-top: 20px;
font-size: 14px;
color: #686E73;
padding: 0 20px;
line-height: 80px;
.input_div {
margin-right: 714px;
position: relative;
div {
left: 70px;
right: 0;
position: absolute;
top: 0px;
}
input {
height: 40px;
border-radius: 4px;
border: 1px solid #D8DFE6;
padding: 0 15px;
width: 70%;
line-height: 40px;
}
@media screen and (max-width:1440px) {
input {
width: 90%
}
}
span {
width: 70px;
}
}
.date_div {
input {
height: 40px;
border-radius: 0px 4px 4px 0px;
border: 1px solid #D8DFE6;
padding: 0 15px;
width: 94px;
padding: 0 6px;
line-height: 40px;
}
.start_date_div,
.end_date_div {
margin-top: 20px;
}
.icon_div {
width: 34px;
background-color: #E6ECF2;
border-radius: 4px 0px 0px 4px;
color: #B6BFC7;
font-size: 20px;
text-align: center;
height: 40px;
line-height: 40px;
}
}
.layui-form {
margin-right: 20px;
.layui-form-select {
display: inline-block;
width: 170px;
vertical-align: middle;
input {
border-radius: 4px;
}
}
}
.heng {
margin: 0 5px;
height: 2px;
width: 12px;
background-color: #D8D8D8;
margin-top: 39px;
}
.btn_div {
a {
width: 120px;
&.cx {
margin-left: 20px;
}
}
}
}
.btn_group {
margin-top: 20px;
div {
padding: 0 19px;
&.xz {
margin-left: 20px;
}
}
}
.good_data {
.data_list {
margin-top: 10px;
.data_item {
height: 60px;
background-color: #fff;
margin-top: 10px;
padding: 0 25px;
color: #ADB6BF;
font-size: 14px;
line-height: 60px;
position: relative;
cursor: pointer;
.data_detail {
position: absolute;
top: 0;
left: 25px;
right: 140px;
bottom: 0;
&>div {
padding-right: 10px;
}
}
.type {
color: #2E3033;
font-size: 16px;
width: 25%;
.icon {
font-size: 25px;
color: #BFC6CD;
vertical-align: sub;
margin-left: 10px;
}
}
.brand {
width: 20%;
span {
color: #515559
}
}
.num {
width: 15%;
span {
color: #515559
}
}
.data_status {
width: 12%;
.mark {
height: 10px;
width: 10px;
border-radius: 50% 50%;
margin-right: 4px;
}
&.zs {
.mark {
background-color: #52CCA8;
}
}
&.xj {
.mark {
background-color: #D8DFE6;
}
}
.text {
color: #686E73;
}
}
.time {
width: 16%;
}
.price {
color: #EA1717;
width: 12%;
}
@media screen and (max-width:1440px) {
//小屏的时候去掉时间
.type {
width: 30%;
}
.brand {
width: 26%;
}
.num {
width: 20%;
}
.time {
display: none;
}
}
.edit {
color: #686E73;
cursor: pointer;
}
.xj {
color: #686E73;
cursor: pointer;
margin-left: 20px;
&.fb {
color: #0D84D1;
}
}
}
}
}
}
\ No newline at end of file
...@@ -82,7 +82,7 @@ ...@@ -82,7 +82,7 @@
.home_content .search_section .search_div .input_div .icon { .home_content .search_section .search_div .input_div .icon {
font-size: 30px; font-size: 30px;
position: absolute; position: absolute;
top: 8px; top: 15px;
color: #ADB6BF; color: #ADB6BF;
left: 20px; left: 20px;
} }
...@@ -95,15 +95,7 @@ ...@@ -95,15 +95,7 @@
} }
.home_content .search_section .search_div .input_btn { .home_content .search_section .search_div .input_btn {
width: 118px; width: 118px;
color: #fff;
font-size: 18px;
font-weight: 600;
height: 100%;
background-color: #0D84D1;
text-align: center;
line-height: 60px;
border-radius: 0px 4px 4px 0px; border-radius: 0px 4px 4px 0px;
cursor: pointer;
} }
.home_content .search_section .search_command { .home_content .search_section .search_command {
margin-top: 15px; margin-top: 15px;
...@@ -144,16 +136,9 @@ ...@@ -144,16 +136,9 @@
margin-top: 46px; margin-top: 46px;
} }
.home_content .my_xj .my_xj_list { .home_content .my_xj .my_xj_list {
padding-right: 20px;
max-height: 420px; max-height: 420px;
overflow: hidden; overflow: hidden;
} }
.home_content .my_xj .my_xj_list .my_xj_item {
background-color: #fff;
box-shadow: 0px 5px 10px 0px rgba(216, 223, 230, 0.5);
margin: 20px 0 0 20px;
padding: 20px;
}
.home_content .my_xj .my_xj_list .my_xj_item .item_top .type { .home_content .my_xj .my_xj_list .my_xj_item .item_top .type {
width: 21px; width: 21px;
height: 21px; height: 21px;
...@@ -170,55 +155,9 @@ ...@@ -170,55 +155,9 @@
background-color: #61A0F2; background-color: #61A0F2;
} }
.home_content .my_xj .my_xj_list .my_xj_item .item_top .num { .home_content .my_xj .my_xj_list .my_xj_item .item_top .num {
font-size: 16px;
font-weight: 600;
color: #2E3033;
margin-left: 10px; margin-left: 10px;
width: calc(100% - 31px); width: calc(100% - 31px);
} }
.home_content .my_xj .my_xj_list .my_xj_item .item_middle {
margin-top: 12px;
padding-bottom: 15px;
border-bottom: 1px solid #F5F9FC;
}
.home_content .my_xj .my_xj_list .my_xj_item .item_middle .price {
color: #EA1717;
font-size: 14px;
font-weight: 600;
}
.home_content .my_xj .my_xj_list .my_xj_item .item_middle .time {
color: #ADB6BF;
font-size: 12px;
}
.home_content .my_xj .my_xj_list .my_xj_item .item_bottom {
font-size: 12px;
margin-top: 15px;
}
.home_content .my_xj .my_xj_list .my_xj_item .item_bottom div {
color: #ADB6BF;
}
.home_content .my_xj .my_xj_list .my_xj_item .item_bottom div.total,
.home_content .my_xj .my_xj_list .my_xj_item .item_bottom div.date {
margin-top: 5px;
}
.home_content .my_xj .my_xj_list .my_xj_item .item_bottom div span {
color: #515559;
}
@media screen and (max-width: 1440px) {
.home_content .my_xj .my_xj_list .my_xj_item {
width: calc(33.33% - 20px);
}
}
@media screen and (min-width: 1440px) and (max-width: 1750px) {
.home_content .my_xj .my_xj_list .my_xj_item {
width: calc(25% - 20px);
}
}
@media screen and (min-width: 1750px) {
.home_content .my_xj .my_xj_list .my_xj_item {
width: calc(20% - 20px);
}
}
.home_content .new_xj { .home_content .new_xj {
margin-top: 35px; margin-top: 35px;
} }
...@@ -293,4 +232,3 @@ ...@@ -293,4 +232,3 @@
margin: 0; margin: 0;
cursor: pointer; cursor: pointer;
} }
/*# sourceMappingURL=home.css.map */
\ No newline at end of file
...@@ -100,7 +100,7 @@ ...@@ -100,7 +100,7 @@
.icon { .icon {
font-size: 30px; font-size: 30px;
position: absolute; position: absolute;
top: 8px; top: 15px;
color: #ADB6BF; color: #ADB6BF;
left: 20px; left: 20px;
} }
...@@ -117,15 +117,8 @@ ...@@ -117,15 +117,8 @@
.input_btn { .input_btn {
width: 118px; width: 118px;
color: #fff;
font-size: 18px;
font-weight: 600;
height: 100%;
background-color: #0D84D1;
text-align: center;
line-height: 60px;
border-radius: 0px 4px 4px 0px; border-radius: 0px 4px 4px 0px;
cursor: pointer;
} }
} }
...@@ -178,16 +171,9 @@ ...@@ -178,16 +171,9 @@
margin-top: 46px; margin-top: 46px;
.my_xj_list { .my_xj_list {
padding-right: 20px;
max-height: 420px; max-height: 420px;
overflow: hidden; overflow: hidden;
.my_xj_item { .my_xj_item {
background-color: #fff;
box-shadow: 0px 5px 10px 0px rgba(216, 223, 230, 0.5);
margin: 20px 0 0 20px;
padding: 20px;
.item_top { .item_top {
.type { .type {
width: 21px; width: 21px;
...@@ -210,79 +196,11 @@ ...@@ -210,79 +196,11 @@
} }
.num { .num {
font-size: 16px;
font-weight: 600;
color: #2E3033;
margin-left: 10px; margin-left: 10px;
width: calc(~"100% - 31px"); width: calc(~"100% - 31px");
} }
} }
.item_middle {
margin-top: 12px;
padding-bottom: 15px;
border-bottom: 1px solid #F5F9FC;
.price {
color: #EA1717;
font-size: 14px;
font-weight: 600;
}
.time {
color: #ADB6BF;
font-size: 12px;
}
}
.item_bottom {
font-size: 12px;
margin-top: 15px;
div {
color: #ADB6BF;
&.total,
&.date {
margin-top: 5px;
}
span {
color: #515559;
}
}
}
}
@media screen and (max-width:1440px) {
//三个
.my_xj_item {
width: calc(~"33.33% - 20px");
}
}
@media screen and (min-width:1440px) and (max-width:1750px) {
//四个
.my_xj_item {
width: calc(~"25% - 20px");
}
}
@media screen and (min-width:1750px) {
//五个
.my_xj_item {
width: calc(~"20% - 20px");
}
} }
} }
......
...@@ -96,23 +96,11 @@ ...@@ -96,23 +96,11 @@
margin-top: 39px; margin-top: 39px;
} }
.inquiry_content .filter_section .btn_div a { .inquiry_content .filter_section .btn_div a {
height: 40px;
line-height: 40px;
text-align: center;
width: 120px; width: 120px;
font-size: 16px;
border-radius: 3px;
cursor: pointer;
} }
.inquiry_content .filter_section .btn_div a.cx { .inquiry_content .filter_section .btn_div a.cx {
color: #fff;
background-color: #0D84D1;
margin: 0 20px; margin: 0 20px;
} }
.inquiry_content .filter_section .btn_div a.cz {
color: #515559;
border: 1px solid #E6ECF2;
}
.inquiry_content .inquiry_data .data_list { .inquiry_content .inquiry_data .data_list {
margin-top: 10px; margin-top: 10px;
} }
...@@ -299,4 +287,3 @@ ...@@ -299,4 +287,3 @@
color: #ADB6BF; color: #ADB6BF;
margin-left: 29px; margin-left: 29px;
} }
/*# sourceMappingURL=inquiry.css.map */
\ No newline at end of file
...@@ -121,24 +121,10 @@ ...@@ -121,24 +121,10 @@
.btn_div { .btn_div {
a { a {
height: 40px;
line-height: 40px;
text-align: center;
width: 120px; width: 120px;
font-size: 16px;
border-radius: 3px;
cursor: pointer;
&.cx { &.cx {
color: #fff;
background-color: #0D84D1;
margin: 0 20px; margin: 0 20px;
} }
&.cz {
color: #515559;
border: 1px solid #E6ECF2;
}
} }
} }
} }
...@@ -275,6 +261,7 @@ ...@@ -275,6 +261,7 @@
.brand { .brand {
width: 20%; width: 20%;
span { span {
color: #515559 color: #515559
} }
...@@ -342,6 +329,7 @@ ...@@ -342,6 +329,7 @@
.hq { .hq {
width: 12%; width: 12%;
span { span {
color: #515559 color: #515559
} }
......
...@@ -19,6 +19,7 @@ ...@@ -19,6 +19,7 @@
.inquiry_detail_content .goods_detail .goods_desc .title { .inquiry_detail_content .goods_detail .goods_desc .title {
height: 54px; height: 54px;
border-bottom: 2px solid #F5F9FC; border-bottom: 2px solid #F5F9FC;
line-height: 54px;
} }
.inquiry_detail_content .goods_detail .goods_desc .title h3 { .inquiry_detail_content .goods_detail .goods_desc .title h3 {
color: #2E3033; color: #2E3033;
...@@ -216,12 +217,7 @@ ...@@ -216,12 +217,7 @@
margin-top: 30px; margin-top: 30px;
} }
.inquiry_detail_content .bj_detail .bj_lists .bj_item .item_right .bottom div { .inquiry_detail_content .bj_detail .bj_lists .bj_item .item_right .bottom div {
height: 40px;
line-height: 40px;
text-align: center;
font-size: 14px; font-size: 14px;
border-radius: 4px;
cursor: pointer;
} }
.inquiry_detail_content .bj_detail .bj_lists .bj_item .item_right .bottom div span { .inquiry_detail_content .bj_detail .bj_lists .bj_item .item_right .bottom div span {
font-size: 20px; font-size: 20px;
...@@ -229,13 +225,9 @@ ...@@ -229,13 +225,9 @@
} }
.inquiry_detail_content .bj_detail .bj_lists .bj_item .item_right .bottom .gt_div { .inquiry_detail_content .bj_detail .bj_lists .bj_item .item_right .bottom .gt_div {
width: 110px; width: 110px;
background-color: #EAAD37;
color: #fff;
} }
.inquiry_detail_content .bj_detail .bj_lists .bj_item .item_right .bottom .phone_div { .inquiry_detail_content .bj_detail .bj_lists .bj_item .item_right .bottom .phone_div {
width: 140px; width: 140px;
color: #8A9299;
border: 1px solid #D8DFE6;
margin-left: 15px; margin-left: 15px;
} }
.inquiry_detail_content .bj_detail .bj_lists .bj_item .item_right .time { .inquiry_detail_content .bj_detail .bj_lists .bj_item .item_right .time {
...@@ -245,15 +237,7 @@ ...@@ -245,15 +237,7 @@
} }
.inquiry_detail_content .bj_btn { .inquiry_detail_content .bj_btn {
width: 220px; width: 220px;
height: 60px;
text-align: center;
line-height: 60px;
font-size: 18px;
color: #fff;
border-radius: 3px;
background-color: #0D84D1;
margin: 50px auto 0; margin: 50px auto 0;
cursor: pointer;
} }
.from_mask { .from_mask {
position: fixed; position: fixed;
...@@ -378,20 +362,8 @@ ...@@ -378,20 +362,8 @@
margin: 30px 0 0 90px; margin: 30px 0 0 90px;
} }
.from_mask .form .form_content .btn_div span { .from_mask .form .form_content .btn_div span {
height: 40px;
width: 120px; width: 120px;
line-height: 40px;
text-align: center;
font-size: 16px;
border-radius: 3px;
cursor: pointer;
}
.from_mask .form .form_content .btn_div span.fb {
color: #fff;
background-color: #0D84D1;
} }
.from_mask .form .form_content .btn_div span.cz { .from_mask .form .form_content .btn_div span.cz {
color: #515559;
border: 1px solid #E6ECF2;
margin-left: 40px; margin-left: 40px;
} }
...@@ -21,6 +21,7 @@ ...@@ -21,6 +21,7 @@
.title { .title {
height: 54px; height: 54px;
border-bottom: 2px solid #F5F9FC; border-bottom: 2px solid #F5F9FC;
line-height:54px;
h3 { h3 {
color: #2E3033; color: #2E3033;
...@@ -267,13 +268,7 @@ ...@@ -267,13 +268,7 @@
margin-top: 30px; margin-top: 30px;
div { div {
height: 40px;
line-height: 40px;
text-align: center;
font-size: 14px; font-size: 14px;
border-radius: 4px;
cursor: pointer;
span { span {
font-size: 20px; font-size: 20px;
margin-right: 5px; margin-right: 5px;
...@@ -282,15 +277,10 @@ ...@@ -282,15 +277,10 @@
.gt_div { .gt_div {
width: 110px; width: 110px;
background-color: #EAAD37;
color: #fff;
} }
.phone_div { .phone_div {
width: 140px; width: 140px;
color: #8A9299;
border: 1px solid #D8DFE6;
margin-left: 15px; margin-left: 15px;
} }
...@@ -309,16 +299,7 @@ ...@@ -309,16 +299,7 @@
.bj_btn { .bj_btn {
width: 220px; width: 220px;
height: 60px;
text-align: center;
line-height: 60px;
font-size: 18px;
color: #fff;
border-radius: 3px;
;
background-color: #0D84D1;
margin: 50px auto 0; margin: 50px auto 0;
cursor: pointer;
} }
} }
...@@ -474,22 +455,12 @@ ...@@ -474,22 +455,12 @@
margin: 30px 0 0 90px; margin: 30px 0 0 90px;
span { span {
height: 40px;
width: 120px; width: 120px;
line-height: 40px;
text-align: center;
font-size: 16px;
border-radius: 3px;
cursor: pointer;
&.fb {
color: #fff;
background-color: #0D84D1
}
&.cz { &.cz {
color: #515559;
border: 1px solid #E6ECF2;
margin-left: 40px; margin-left: 40px;
} }
} }
......
...@@ -8,10 +8,22 @@ ...@@ -8,10 +8,22 @@
background-color: #fff; background-color: #fff;
padding-bottom: 40px; padding-bottom: 40px;
} }
.release_inquiry_content .inquiry_form h3 { .release_inquiry_content .inquiry_form .top_title {
padding: 26px 30px 0;
}
.release_inquiry_content .inquiry_form .top_title h3 {
font-size: 20px; font-size: 20px;
color: #2E3033; color: #2E3033;
padding: 26px 0 0 30px; line-height: 40px;
}
.release_inquiry_content .inquiry_form .top_title .plsc_btn {
font-size: 16px;
color: #fff;
height: 40px;
line-height: 40px;
padding: 0 19px;
border-radius: 3px;
background-color: #52CCA8;
} }
.release_inquiry_content .inquiry_form .gb { .release_inquiry_content .inquiry_form .gb {
height: 34px; height: 34px;
...@@ -115,21 +127,9 @@ ...@@ -115,21 +127,9 @@
margin: 30px 0 0 90px; margin: 30px 0 0 90px;
} }
.release_inquiry_content .inquiry_form .form_content .form_left .btn_div span { .release_inquiry_content .inquiry_form .form_content .form_left .btn_div span {
height: 40px;
width: 120px; 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 { .release_inquiry_content .inquiry_form .form_content .form_left .btn_div span.cz {
color: #515559;
border: 1px solid #E6ECF2;
margin-left: 40px; margin-left: 40px;
} }
.release_inquiry_content .inquiry_form .form_content .form_right { .release_inquiry_content .inquiry_form .form_content .form_right {
...@@ -158,4 +158,3 @@ ...@@ -158,4 +158,3 @@
color: #ADB6BF; color: #ADB6BF;
margin-top: 17px; margin-top: 17px;
} }
/*# sourceMappingURL=releaseinquiry.css.map */
\ No newline at end of file
...@@ -9,12 +9,27 @@ ...@@ -9,12 +9,27 @@
background-color: #fff; background-color: #fff;
padding-bottom: 40px; padding-bottom: 40px;
.top_title {
padding: 26px 30px 0;
h3 { h3 {
font-size: 20px; font-size: 20px;
color: #2E3033; color: #2E3033;
padding: 26px 0 0 30px; line-height: 40px;
} }
.plsc_btn {
font-size: 16px;
color: #fff;
height: 40px;
line-height: 40px;
padding: 0 19px;
border-radius: 3px;
background-color: #52CCA8;
}
}
.gb { .gb {
height: 34px; height: 34px;
line-height: 34px; line-height: 34px;
...@@ -74,6 +89,7 @@ ...@@ -74,6 +89,7 @@
.layui-form-radio { .layui-form-radio {
margin-top: 0; margin-top: 0;
i:hover { i:hover {
color: #0D84D1 color: #0D84D1
} }
...@@ -96,17 +112,20 @@ ...@@ -96,17 +112,20 @@
&.price_input { &.price_input {
padding: 0 90px 0 15px; padding: 0 90px 0 15px;
} }
&.day_input{
width:139px; &.day_input {
padding:0 35px 0 15px; width: 139px;
padding: 0 35px 0 15px;
} }
} }
.day{
.day {
position: relative; position: relative;
color:#515559; color: #515559;
left:-30px; left: -30px;
} }
.rmb { .rmb {
position: absolute; position: absolute;
cursor: pointer; cursor: pointer;
...@@ -135,24 +154,10 @@ ...@@ -135,24 +154,10 @@
.btn_div { .btn_div {
margin: 30px 0 0 90px; margin: 30px 0 0 90px;
span { span {
height: 40px;
width: 120px; width: 120px;
line-height: 40px;
text-align: center;
font-size: 16px;
border-radius: 3px;
cursor: pointer;
&.fb {
color: #fff;
background-color: #0D84D1
}
&.cz { &.cz {
color: #515559;
border: 1px solid #E6ECF2;
margin-left: 40px; margin-left: 40px;
} }
} }
...@@ -169,15 +174,17 @@ ...@@ -169,15 +174,17 @@
background-color: #F5F9FC; background-color: #F5F9FC;
text-align: center; text-align: center;
cursor: pointer; cursor: pointer;
div{
color:#ADB6BF; div {
color: #ADB6BF;
font-size: 60px; font-size: 60px;
padding-top:67px; padding-top: 67px;
} }
p{
color:#8A9299; p {
color: #8A9299;
font-size: 16px; font-size: 16px;
margin-top:23px; margin-top: 23px;
} }
} }
......
.roborder_content .nav_title {
padding: 20px;
}
.roborder_content .condition_content {
background-color: #fff;
padding: 22px 20px;
font-size: 14px;
margin: 0 20px;
}
.roborder_content .condition_content span {
margin-right: 20px;
}
.roborder_content .condition_content span.bold {
color: #686E73;
}
.roborder_content .condition_content span.filter_span {
cursor: pointer;
padding: 4px 8px;
color: #686E73;
}
.roborder_content .condition_content span.filter_span.active {
color: #fff !important;
background-color: #0D84D1;
border-radius: 2px;
}
.roborder_content .condition_content span.filter_span:hover {
color: #0D84D1;
}
.roborder_content {
.nav_title {
padding: 20px;
}
.condition_content{
background-color: #fff;
padding:22px 20px;
font-size: 14px;
margin:0 20px;
span{
margin-right:20px;
&.bold{
color:#686E73;
}
&.filter_span{
cursor: pointer;
padding:4px 8px;
color:#686E73;
&.active{
color:#fff !important;
background-color: #0D84D1;
border-radius:2px;
}
&:hover{
color:#0D84D1;
}
}
}
}
}
\ No newline at end of file
.search_content { .search_content .nav_title {
padding: 0 20px; padding: 20px 20px 0 20px;
}
.search_content .search_condition {
margin: 0 20px;
} }
.search_content .search_section { .search_content .search_section {
width: 690px; width: 690px;
...@@ -21,7 +24,7 @@ ...@@ -21,7 +24,7 @@
.search_content .search_section .search_div .input_div .icon { .search_content .search_section .search_div .input_div .icon {
font-size: 30px; font-size: 30px;
position: absolute; position: absolute;
top: 2px; top: 9px;
color: #ADB6BF; color: #ADB6BF;
left: 20px; left: 20px;
} }
...@@ -34,15 +37,7 @@ ...@@ -34,15 +37,7 @@
} }
.search_content .search_section .search_div .input_btn { .search_content .search_section .search_div .input_btn {
width: 118px; width: 118px;
color: #fff;
font-size: 16px;
font-weight: 600;
height: 100%;
background-color: #0D84D1;
text-align: center;
line-height: 48px;
border-radius: 0px 4px 4px 0px; border-radius: 0px 4px 4px 0px;
cursor: pointer;
} }
.search_content .search_condition { .search_content .search_condition {
padding: 22px 21px; padding: 22px 21px;
...@@ -90,95 +85,9 @@ ...@@ -90,95 +85,9 @@
} }
.search_content .search_condition .condition_content .condition_right_content div.active { .search_content .search_condition .condition_content .condition_right_content div.active {
background-color: #0D84D1; background-color: #0D84D1;
color: #fff; color: #fff !important;
border-radius: 2px; border-radius: 2px;
} }
.search_content .search_condition .condition_content .condition_right_content div:hover { .search_content .search_condition .condition_content .condition_right_content div:hover {
background-color: #0D84D1;
color: #fff;
border-radius: 2px;
}
.search_content .data_list .my_xj_list {
padding-right: 20px;
}
.search_content .data_list .my_xj_list .my_xj_item {
background-color: #fff;
box-shadow: 0px 5px 10px 0px rgba(216, 223, 230, 0.5);
margin: 20px 0 0 20px;
padding: 20px;
}
.search_content .data_list .my_xj_list .my_xj_item .item_top .num {
font-size: 16px;
font-weight: 600;
color: #2E3033;
width: 100%;
}
.search_content .data_list .my_xj_list .my_xj_item .item_middle {
margin-top: 12px;
padding-bottom: 15px;
border-bottom: 1px solid #F5F9FC;
}
.search_content .data_list .my_xj_list .my_xj_item .item_middle .price {
color: #EA1717;
font-size: 14px;
font-weight: 600;
}
.search_content .data_list .my_xj_list .my_xj_item .item_middle .time {
color: #ADB6BF;
font-size: 12px;
}
.search_content .data_list .my_xj_list .my_xj_item .item_bottom {
font-size: 12px;
margin-top: 15px;
}
.search_content .data_list .my_xj_list .my_xj_item .item_bottom div {
color: #ADB6BF;
}
.search_content .data_list .my_xj_list .my_xj_item .item_bottom div.total,
.search_content .data_list .my_xj_list .my_xj_item .item_bottom div.date {
margin-top: 5px;
}
.search_content .data_list .my_xj_list .my_xj_item .item_bottom div span {
color: #515559;
}
.search_content .data_list .my_xj_list .my_xj_item .item_user {
border-top: 1px solid #F5F9FC;
font-size: 12px;
padding-top: 12px;
margin-top: 20px;
}
.search_content .data_list .my_xj_list .my_xj_item .item_user .type {
border-radius: 5px 0px 5px 0px;
width: 48px;
height: 20px;
text-align: center;
line-height: 20px;
}
.search_content .data_list .my_xj_list .my_xj_item .item_user .type.grtype {
background-color: rgba(97, 160, 242, 0.2);
color: #0D84D1; color: #0D84D1;
} }
.search_content .data_list .my_xj_list .my_xj_item .item_user .type.mystype {
color: #EAA217;
background-color: rgba(242, 191, 97, 0.2);
}
.search_content .data_list .my_xj_list .my_xj_item .item_user .name {
color: #8A9299;
margin-left: 10px;
width: calc(100% - 58px);
}
@media screen and (max-width: 1440px) {
.search_content .data_list .my_xj_list .my_xj_item {
width: calc(33.33% - 20px);
}
}
@media screen and (min-width: 1440px) and (max-width: 1750px) {
.search_content .data_list .my_xj_list .my_xj_item {
width: calc(25% - 20px);
}
}
@media screen and (min-width: 1750px) {
.search_content .data_list .my_xj_list .my_xj_item {
width: calc(20% - 20px);
}
}
.search_content { .search_content {
padding: 0 20px; .nav_title{
padding:20px 20px 0 20px;
}
.search_condition{
margin:0 20px;
}
.search_section { .search_section {
width: 690px; width: 690px;
margin: 30px auto 0; margin: 30px auto 0;
.search_div { .search_div {
width: 690px; width: 690px;
background-color: #fff; background-color: #fff;
...@@ -20,7 +24,7 @@ ...@@ -20,7 +24,7 @@
.icon { .icon {
font-size: 30px; font-size: 30px;
position: absolute; position: absolute;
top: 2px; top: 9px;
color: #ADB6BF; color: #ADB6BF;
left: 20px; left: 20px;
} }
...@@ -37,15 +41,7 @@ ...@@ -37,15 +41,7 @@
.input_btn { .input_btn {
width: 118px; width: 118px;
color: #fff;
font-size: 16px;
font-weight: 600;
height: 100%;
background-color: #0D84D1;
text-align: center;
line-height: 48px;
border-radius: 0px 4px 4px 0px; border-radius: 0px 4px 4px 0px;
cursor: pointer;
} }
} }
} }
...@@ -54,7 +50,6 @@ ...@@ -54,7 +50,6 @@
padding: 22px 21px; padding: 22px 21px;
background-color: #fff; background-color: #fff;
margin-top: 20px; margin-top: 20px;
.search_nav { .search_nav {
border-bottom: 1px solid #F5F9FC; border-bottom: 1px solid #F5F9FC;
padding-bottom: 5px; padding-bottom: 5px;
...@@ -102,138 +97,16 @@ ...@@ -102,138 +97,16 @@
&.active { &.active {
background-color: #0D84D1; background-color: #0D84D1;
color: #fff; color: #fff !important;
border-radius: 2px; border-radius: 2px;
} }
&:hover { &:hover {
background-color: #0D84D1; color:#0D84D1;
color: #fff;
border-radius: 2px;
}
}
}
}
}
.data_list {
.my_xj_list {
padding-right: 20px;
.my_xj_item {
background-color: #fff;
box-shadow: 0px 5px 10px 0px rgba(216, 223, 230, 0.5);
margin: 20px 0 0 20px;
padding: 20px;
.item_top {
.num {
font-size: 16px;
font-weight: 600;
color: #2E3033;
width: 100%;
}
}
.item_middle {
margin-top: 12px;
padding-bottom: 15px;
border-bottom: 1px solid #F5F9FC;
.price {
color: #EA1717;
font-size: 14px;
font-weight: 600;
}
.time {
color: #ADB6BF;
font-size: 12px;
}
}
.item_bottom {
font-size: 12px;
margin-top: 15px;
div {
color: #ADB6BF;
&.total,
&.date {
margin-top: 5px;
}
span {
color: #515559;
}
} }
} }
.item_user {
border-top: 1px solid #F5F9FC;
font-size: 12px;
padding-top:12px;
margin-top:20px;
.type {
border-radius: 5px 0px 5px 0px;
width:48px;
height:20px;
text-align: center;
line-height: 20px;
&.grtype {
background-color: rgba(97, 160, 242, 0.2);
color: #0D84D1;
}
&.mystype {
color: #EAA217;
background-color: rgba(242, 191, 97, 0.2);
}
}
.name {
color: #8A9299;
margin-left: 10px;
width: calc(~"100% - 58px");
}
} }
} }
@media screen and (max-width:1440px) {
//三个
.my_xj_item {
width: calc(~"33.33% - 20px");
}
}
@media screen and (min-width:1440px) and (max-width:1750px) {
//四个
.my_xj_item {
width: calc(~"25% - 20px");
}
}
@media screen and (min-width:1750px) {
//五个
.my_xj_item {
width: calc(~"20% - 20px");
}
}
}
} }
} }
\ 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