Commit 2b5f8c46 by 施宇

ic

parent c88e7e5d
......@@ -19,6 +19,8 @@ return array(
'index' => 'Home/Index/home',
'inquiry' => 'Home/Index/inquiry',
'quote' => 'Home/Index/quote',
'account' => 'Home/Index/account'
'account' => 'Home/Index/account',
'search' => 'Home/Index/search',
'releaseinquiry' => 'Home/Index/releaseinquiry'
),
);
\ No newline at end of file
......@@ -30,6 +30,13 @@ class IndexController extends Controller
$this->display('QuotePrice/inquiry');
}
/**
* 发布询价
*/
public function releaseinquiry()
{
$this->display('QuotePrice/releaseinquiry');
}
/**
* 我的报价
*/
public function quote()
......@@ -43,4 +50,11 @@ class IndexController extends Controller
{
$this->display('Account/index');
}
/**
* 搜索结果
*/
public function search()
{
$this->display('Search/index');
}
}
......@@ -2,22 +2,151 @@
<html lang="zh-CN">
<head>
<include file="public/header"/>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/account.css">
<include file="public/header" />
<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/inquiry.css">
</head>
<body>
<div class="wrapper">
<include file="public/navleft"/>
<div class="wrapper_right">
<include file="public/top"/>
<div class="right_content home_content">
<div class="content">
我的报价
<div class="wrapper">
<include file="public/navleft" />
<div class="wrapper_right">
<include file="public/top" />
<div class="right_content inquiry_content">
<div class="edit_div">
<span class=" icon iconfont iconjuxing14"></span>
</div>
<div class="content">
<div class="nav_title">询报价 > 我的报价</div>
<div class="xj_total clr">
<div class="fl xj">
<h3>85</h3>
<p>发布的询价</p>
</div>
<div class="fl wxj">
<h3>85</h3>
<p>无回复询价</p>
</div>
<div class="center_line"></div>
</div>
<div class="filter_section clr">
<div class="input_div fl">
<span class="lineBlock">询价型号:</span>
<div>
<input type="text" placeholder="请输入型号" class="boxsiz">
</div>
</div>
<div class="btn_div fr">
<a class="cx lineBlock">查询</a>
<a class="cz lineBlock boxsiz">重置</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">
</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">
</div>
</div>
</div>
<div class="inquiry_data">
<div class="data_list">
<div class="data_item">
<div class="data_detail bj_data_detail">
<div class="type fl bold ellipsis boxsiz ">STM32F103ZET6</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="hq fl ellipsis boxsiz">货期:<span>20天</span></div>
<div class="price fl ellipsis boxsiz bold">¥0.7425</div>
<div class="time fr ellipsis boxsiz ">2019-05-22 15:35</div>
</div>
<a class="icon iconfont iconjuxing2 fr"></a>
<a class="fl is_bj_status fr">继续报价</a>
<!-- <div class="show_more">
<div class="more_item clr">
<div class="fl sort">1.</div>
<div class="fl num bold ellipsis boxsiz">STM32F407ZGT6</div>
<div class="fl fz ellipsis boxsiz">封装:<span class="text">LQFP-144</span></div>
<div class="fl price bold ellipsis boxsiz">$10.9800</div>
<div class="company fl ellipsis boxsiz"><span class="mark">贸易商</span><span
class="name">蔡先生蔡先生蔡先生蔡先生蔡先生蔡先生蔡先生蔡先生蔡先生蔡先生蔡先生</span></div>
<div class="fr wx">
<span class="icon iconfont iconjuxing7"></span>
</div>
</div>
<div class="more_item clr">
<div class="fl sort">1.</div>
<div class="fl num bold ellipsis boxsiz">STM32F407ZGT6</div>
<div class="fl fz ellipsis boxsiz">封装:<span class="text">LQFP-144</span></div>
<div class="fl price bold ellipsis boxsiz">$10.9800</div>
<div class="company fl ellipsis boxsiz"><span class="mark gr">个人</span><span
class="name">蔡先生蔡先生蔡先生蔡先生蔡先生蔡先生蔡先生蔡先生蔡先生蔡先生蔡先生</span></div>
<div class="fr wx">
<span class="icon iconfont iconjuxing7"></span>
</div>
</div>
<div class="more_item clr">
<div class="fl sort">1.</div>
<div class="fl num bold ellipsis boxsiz">STM32F407ZGT6</div>
<div class="fl fz ellipsis boxsiz">封装:<span class="text">LQFP-144</span></div>
<div class="fl price bold ellipsis boxsiz">$10.9800</div>
<div class="company fl ellipsis boxsiz"><span class="mark gr">个人</span><span
class="name">蔡先生蔡先生蔡先生蔡先生蔡先生蔡先生蔡先生蔡先生蔡先生蔡先生蔡先生</span></div>
<div class="fr wx">
<span class="icon iconfont iconjuxing7"></span>
</div>
</div>
<div class="more_item clr">
<div class="fl sort">1.</div>
<div class="fl num bold ellipsis boxsiz">STM32F407ZGT6</div>
<div class="fl fz ellipsis boxsiz">封装:<span class="text">LQFP-144</span></div>
<div class="fl price bold ellipsis boxsiz">$10.9800</div>
<div class="company fl ellipsis boxsiz"><span class="mark gr">个人</span><span
class="name">蔡先生蔡先生蔡先生蔡先生蔡先生蔡先生蔡先生蔡先生蔡先生蔡先生蔡先生</span></div>
<div class="fr wx">
<span class="icon iconfont iconjuxing7"></span>
</div>
</div>
<div class="more_item clr">
<div class="fl sort">1.</div>
<div class="fl num bold ellipsis boxsiz">STM32F407ZGT6</div>
<div class="fl fz ellipsis boxsiz">封装:<span class="text">LQFP-144</span></div>
<div class="fl price bold ellipsis boxsiz">$10.9800</div>
<div class="company fl ellipsis boxsiz"><span class="mark gr">个人</span><span
class="name">蔡先生蔡先生蔡先生蔡先生蔡先生蔡先生蔡先生蔡先生蔡先生蔡先生蔡先生</span></div>
<div class="fr wx">
<span class="icon iconfont iconjuxing7"></span>
</div>
</div>
<div class="more_btn">
查看更多
<img src="__PUBLIC__/icons/right.png" alt="" class="va-m">
</div>
</div> -->
</div>
</div>
<div class="no_data" style="display: none">
<img src="__PUBLIC__/images/nosearchdata.png" alt="">
<p class="bold">未搜索到报价信息</p>
<div class="fb_command">您可以去抢单专区回复报价。</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
......
<!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>
</div>
</div>
</div>
</body>
</html>
\ No newline at end of file
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<meta name="keywords" content=""/>
<meta name="description" content=""/>
<meta name="viewport" content="width=device-width; initial-scale=1; maximum-scale=1; user-scalable=0;"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="viewport" content="width=device-width; initial-scale=1; maximum-scale=1; user-scalable=0;" />
<title>IC业务助手</title>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/common/base.css">
<!--[if IE 8]>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/common/ie.css">
<![endif]-->
\ No newline at end of file
......@@ -203,6 +203,9 @@ body {
}
.right_content .content {
min-height: 100%;
border-top: 1px solid transparent;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.ellipsis {
text-overflow: ellipsis;
......@@ -226,6 +229,59 @@ body {
color: #686E73;
opacity: 0.5;
}
.nav_title {
color: #8A9299;
font-size: 14px;
}
.edit_div {
height: 80px;
width: 80px;
border-radius: 50% 50%;
background: rgba(234, 173, 55, 0.9);
box-shadow: 0px 2px 9px 0px rgba(242, 191, 97, 0.5);
position: absolute;
bottom: 92px;
right: 20px;
cursor: pointer;
text-align: center;
line-height: 80px;
z-index: 3;
}
.edit_div .icon {
font-size: 40px;
color: #fff;
}
.no_data {
text-align: center;
}
.no_data img {
width: 480px;
height: 314px;
}
.no_data p {
font-size: 34px;
color: #2E3033;
margin-top: 10px;
}
.no_data .fb_command {
font-size: 14px;
color: #686E73;
margin-top: 5px;
}
.no_data .customer {
margin-top: 10px;
color: #0D84D1;
font-size: 16px;
}
.no_data .customer img {
height: 20px;
width: 20px;
cursor: pointer;
}
.no_data .customer span {
cursor: pointer;
margin-left: 10px;
}
@font-face {
font-family: "iconfont";
src: url('../../fonts/iconfont.eot?t=1559702111729');
......@@ -482,4 +538,3 @@ body {
color: #ADB6BF;
cursor: pointer;
}
/*# sourceMappingURL=base.css.map */
\ No newline at end of file
......@@ -188,6 +188,9 @@ body {
.right_content .content {
min-height: 100%;
border-top: 1px solid transparent;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
......@@ -215,8 +218,60 @@ body {
color: #686E73;
opacity: 0.5;
}
.nav_title {
color: #8A9299;
font-size: 14px;
}
.edit_div{
height:80px;
width:80px;
border-radius: 50% 50%;
background:rgba(234,173,55,0.9);
box-shadow:0px 2px 9px 0px rgba(242,191,97,0.5);
position: absolute;
bottom:92px;
right:20px;
cursor: pointer;
text-align: center;
line-height: 80px;
z-index: 3;
.icon{
font-size: 40px;
color:#fff;
}
}
.no_data {
text-align: center;
img {
width: 480px;
height: 314px;
}
p {
font-size: 34px;
color: #2E3033;
margin-top: 10px;
}
.fb_command{
font-size:14px;
color:#686E73;
margin-top:5px;
}
.customer{
margin-top:10px;
color:#0D84D1;
font-size: 16px;
img{
height:20px;
width:20px;
cursor: pointer;
}
span{
cursor: pointer;
margin-left:10px;
}
}
}
// 字体样式
@import "./fonts.less";
......
.right_header,
.right_content {
min-width: 1263px;
}
.my_xj_item {
width: 20%;
margin: 20px 0 0 4% !important;
}
.my_xj_list .my_xj_item .num {
width: 72%;
}
.my_xj_list .my_xj_item .name {
width: 72%;
}
.info_detail {
width: 57%;
}
.info_desc {
width: 70%;
}
.edit_div {
background: #eaad37;
}
.right_header,
.right_content {
min-width: 1263px;
}
.my_xj_item {
width: 20%;
margin: 20px 0 0 4% !important;
}
.my_xj_list .my_xj_item{
.num{
width:72%
}
.name{
width:72%
}
}
.info_detail {
width:57%;
}
.info_desc{
width:70%;
}
.edit_div{
background:rgb(234,173,55);
}
\ No newline at end of file
......@@ -6,6 +6,8 @@
}
.home_content .user_info .info_detail {
margin-top: 30px;
width: calc(100% - 477px);
padding-right: 50px;
}
.home_content .user_info .info_detail .info_logo {
height: 100px;
......@@ -15,6 +17,7 @@
}
.home_content .user_info .info_detail .info_desc {
color: #2E3033;
width: calc(100% - 148px);
}
.home_content .user_info .info_detail .info_desc p {
font-size: 18px;
......@@ -27,6 +30,7 @@
.home_content .user_info .info_detail .info_desc .login_info {
color: #ADB6BF;
font-size: 16px;
overflow: hidden;
}
.home_content .user_info .info_detail .info_desc .login_info .phone {
margin-right: 40px;
......@@ -37,6 +41,7 @@
.home_content .user_info .price_info {
margin-top: 45px;
text-align: center;
width: 477px;
}
.home_content .user_info .price_info .hf {
margin: 0 80px;
......@@ -140,7 +145,7 @@
}
.home_content .my_xj .my_xj_list {
padding-right: 20px;
height: 430px;
max-height: 430px;
overflow: hidden;
}
.home_content .my_xj .my_xj_list .my_xj_item {
......@@ -148,8 +153,6 @@
box-shadow: 0px 5px 10px 0px rgba(216, 223, 230, 0.5);
margin: 20px 0 0 20px;
padding: 20px;
width: 20%\9;
margin: 20px 0 0 4%\9;
}
.home_content .my_xj .my_xj_list .my_xj_item .item_top .type {
width: 21px;
......@@ -216,4 +219,77 @@
width: calc(20% - 20px);
}
}
/*# sourceMappingURL=home.css.map */
\ No newline at end of file
.home_content .new_xj {
margin-top: 35px;
}
.home_content .new_xj .new_xj_title {
position: relative;
}
.home_content .new_xj .new_xj_title a {
cursor: pointer;
font-size: 40px;
color: #ADB6BF;
position: absolute;
right: 20px;
top: -15px;
}
.home_content .new_xj .new_xj_list {
padding: 0 20px;
margin-top: 17px;
}
.home_content .new_xj .new_xj_list .new_xj_item {
height: 60px;
background-color: #fff;
margin-top: 10px;
padding: 0 25px;
color: #ADB6BF;
font-size: 14px;
line-height: 60px;
}
.home_content .new_xj .new_xj_list .new_xj_item > div {
padding-right: 10px;
}
.home_content .new_xj .new_xj_list .new_xj_item .type {
color: #2E3033;
font-size: 16px;
width: 20%;
}
.home_content .new_xj .new_xj_list .new_xj_item .brand {
width: 20%;
}
.home_content .new_xj .new_xj_list .new_xj_item .brand span {
color: #515559;
}
.home_content .new_xj .new_xj_list .new_xj_item .num {
width: 15%;
}
.home_content .new_xj .new_xj_list .new_xj_item .num span {
color: #515559;
}
.home_content .new_xj .new_xj_list .new_xj_item .company {
width: 20%;
}
.home_content .new_xj .new_xj_list .new_xj_item .company .mark {
font-size: 12px;
color: #EAA217;
background-color: rgba(242, 191, 97, 0.2);
border-radius: 5px 0px 5px 0px;
padding: 2px 5px;
margin-right: 16px;
}
.home_content .new_xj .new_xj_list .new_xj_item .company .mark.gr {
background-color: rgba(97, 160, 242, 0.2);
color: #0D84D1;
}
.home_content .new_xj .new_xj_list .new_xj_item .company .name {
color: #686E73;
}
.home_content .new_xj .new_xj_list .new_xj_item .time {
width: 15%;
}
.home_content .new_xj .new_xj_list .new_xj_item .now_price {
width: 70px;
color: #0D84D1;
margin: 0;
cursor: pointer;
}
......@@ -7,6 +7,8 @@
.info_detail {
margin-top: 30px;
width: calc(~"100% - 477px");
padding-right: 50px;
.info_logo {
height: 100px;
......@@ -17,6 +19,7 @@
.info_desc {
color: #2E3033;
width: calc(~"100% - 148px");
p {
font-size: 18px;
......@@ -32,6 +35,7 @@
.login_info {
color: #ADB6BF;
font-size: 16px;
overflow: hidden;
.phone {
margin-right: 40px;
......@@ -47,6 +51,7 @@
.price_info {
margin-top: 45px;
text-align: center;
width: 477px;
.hf {
margin: 0 80px;
......@@ -142,6 +147,7 @@
margin-left: 20px;
cursor: pointer;
transition: all 0.2s ease-in-out;
&.active {
color: #0D84D1;
}
......@@ -173,7 +179,7 @@
.my_xj_list {
padding-right: 20px;
height: 430px;
max-height: 430px;
overflow: hidden;
.my_xj_item {
......@@ -181,8 +187,6 @@
box-shadow: 0px 5px 10px 0px rgba(216, 223, 230, 0.5);
margin: 20px 0 0 20px;
padding: 20px;
width: 20%\9;
margin: 20px 0 0 4%\9;
.item_top {
.type {
......@@ -211,7 +215,6 @@
color: #2E3033;
margin-left: 10px;
width: calc(~"100% - 31px");
// width:70%;
}
}
......@@ -254,6 +257,7 @@
}
}
}
@media screen and (max-width:1440px) {
//三个
......@@ -283,4 +287,96 @@
}
}
.new_xj {
margin-top: 35px;
.new_xj_title {
position: relative;
a {
cursor: pointer;
font-size: 40px;
color: #ADB6BF;
position: absolute;
right: 20px;
top: -15px;
}
}
.new_xj_list {
padding: 0 20px;
margin-top: 17px;
.new_xj_item {
height: 60px;
background-color: #fff;
margin-top: 10px;
padding: 0 25px;
color: #ADB6BF;
font-size: 14px;
line-height: 60px;
&>div {
padding-right: 10px;
}
.type {
color: #2E3033;
font-size: 16px;
width: 20%;
}
.brand {
width: 20%;
span {
color: #515559
}
}
.num {
width: 15%;
span {
color: #515559
}
}
.company {
width: 20%;
.mark {
font-size: 12px;
color: #EAA217;
background-color: rgba(242, 191, 97, .2);
border-radius: 5px 0px 5px 0px;
padding: 2px 5px;
margin-right: 16px;
&.gr {
background-color: rgba(97, 160, 242, 0.2);
color: #0D84D1;
}
}
.name {
color: #686E73;
}
}
.time {
width: 15%;
}
.now_price {
width: 70px;
color: #0D84D1;
margin: 0;
cursor: pointer;
}
}
}
}
}
\ No newline at end of file
.inquiry_content {
padding: 0 20px;
}
.inquiry_content .nav_title {
padding: 20px 0;
}
.inquiry_content .xj_total {
background-color: #fff;
height: 120px;
position: relative;
}
.inquiry_content .xj_total .fl {
width: 50%;
text-align: center;
}
.inquiry_content .xj_total .fl h3 {
font-size: 40px;
margin-top: 22px;
}
.inquiry_content .xj_total .fl p {
font-size: 14px;
color: #8A9299;
}
.inquiry_content .xj_total .fl.xj h3 {
color: #0D84D1;
}
.inquiry_content .xj_total .fl.wxj h3 {
color: #515559;
}
.inquiry_content .xj_total .center_line {
position: absolute;
top: 20px;
bottom: 20px;
left: 50%;
width: 1px;
background-color: #E6ECF2;
}
.inquiry_content .filter_section {
height: 80px;
background-color: #fff;
margin-top: 20px;
font-size: 14px;
color: #686E73;
padding: 0 20px;
line-height: 80px;
}
.inquiry_content .filter_section .input_div {
width: 34%;
position: relative;
}
.inquiry_content .filter_section .input_div div {
left: 70px;
right: 10px;
position: absolute;
top: 0px;
}
.inquiry_content .filter_section .input_div input {
height: 40px;
border-radius: 4px;
border: 1px solid #D8DFE6;
padding: 0 15px;
width: 100%;
line-height: 40px;
}
.inquiry_content .filter_section .input_div span {
width: 70px;
}
.inquiry_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;
}
.inquiry_content .filter_section .date_div .start_date_div,
.inquiry_content .filter_section .date_div .end_date_div {
margin-top: 20px;
}
.inquiry_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;
}
.inquiry_content .filter_section .heng {
margin: 0 5px;
height: 2px;
width: 12px;
background-color: #D8D8D8;
margin-top: 39px;
}
.inquiry_content .filter_section .btn_div a {
height: 40px;
line-height: 40px;
text-align: center;
width: 120px;
font-size: 16px;
border-radius: 3px;
cursor: pointer;
}
.inquiry_content .filter_section .btn_div a.cx {
color: #fff;
background-color: #0D84D1;
margin: 0 20px;
}
.inquiry_content .filter_section .btn_div a.cz {
color: #515559;
border: 1px solid #E6ECF2;
}
.inquiry_content .inquiry_data .data_list {
margin-top: 10px;
}
.inquiry_content .inquiry_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;
}
.inquiry_content .inquiry_data .data_list .data_item .data_detail {
position: absolute;
top: 0;
left: 25px;
right: 143px;
bottom: 0;
}
.inquiry_content .inquiry_data .data_list .data_item .data_detail.bj_data_detail {
right: 171px;
}
.inquiry_content .inquiry_data .data_list .data_item .data_detail > div {
padding-right: 10px;
}
.inquiry_content .inquiry_data .data_list .data_item .show_more {
position: absolute;
right: 0;
width: 67%;
top: 100%;
box-shadow: 0px 5px 10px 0px rgba(216, 223, 230, 0.5);
background-color: #fff;
border: 1px solid #D8DFE6;
z-index: 2;
color: #8A9299;
font-size: 12px;
padding: 0 20px 20px 20px;
}
.inquiry_content .inquiry_data .data_list .data_item .show_more .more_item > div {
padding-right: 10px;
}
.inquiry_content .inquiry_data .data_list .data_item .show_more .more_item .sort {
font-size: 14px;
margin-right: 21px;
}
.inquiry_content .inquiry_data .data_list .data_item .show_more .more_item .num {
font-size: 16px;
color: #2E3033;
width: 25%;
}
.inquiry_content .inquiry_data .data_list .data_item .show_more .more_item .fz {
font-size: 14px;
color: #ADB6BF;
width: 20%;
}
.inquiry_content .inquiry_data .data_list .data_item .show_more .more_item .fz .text {
color: #515559;
}
.inquiry_content .inquiry_data .data_list .data_item .show_more .more_item .price {
font-size: 16px;
color: #EA1717;
width: 20%;
}
.inquiry_content .inquiry_data .data_list .data_item .show_more .more_item .company {
width: 20%;
}
.inquiry_content .inquiry_data .data_list .data_item .show_more .more_item .company .mark {
color: #EAA217;
background-color: rgba(242, 191, 97, 0.2);
border-radius: 5px 0px 5px 0px;
padding: 2px 5px;
margin-right: 16px;
}
.inquiry_content .inquiry_data .data_list .data_item .show_more .more_item .company .mark.gr {
background-color: rgba(97, 160, 242, 0.2);
color: #0D84D1;
}
.inquiry_content .inquiry_data .data_list .data_item .show_more .more_item .wx span {
font-size: 20px;
color: #0D84D1;
}
.inquiry_content .inquiry_data .data_list .data_item .show_more .more_btn {
width: 140px;
height: 40px;
background: #fff;
border-radius: 4px;
border: 1px solid #E6ECF2;
margin-left: 37px;
text-align: center;
line-height: 40px;
font-size: 14px;
color: #0D84D1;
cursor: pointer;
}
.inquiry_content .inquiry_data .data_list .data_item .show_more .more_btn img {
height: 14px;
width: 14px;
}
.inquiry_content .inquiry_data .data_list .data_item .type {
color: #2E3033;
font-size: 16px;
width: 25%;
}
.inquiry_content .inquiry_data .data_list .data_item .brand {
width: 20%;
}
.inquiry_content .inquiry_data .data_list .data_item .brand span {
color: #515559;
}
.inquiry_content .inquiry_data .data_list .data_item .num {
width: 15%;
}
.inquiry_content .inquiry_data .data_list .data_item .num span {
color: #515559;
}
.inquiry_content .inquiry_data .data_list .data_item .bj_status {
color: #EAA217;
cursor: pointer;
width: 12%;
}
.inquiry_content .inquiry_data .data_list .data_item .bj_status.dd {
color: #61A0F2;
}
.inquiry_content .inquiry_data .data_list .data_item .data_status {
width: 12%;
}
.inquiry_content .inquiry_data .data_list .data_item .data_status .mark {
height: 10px;
width: 10px;
border-radius: 50% 50%;
margin-right: 4px;
}
.inquiry_content .inquiry_data .data_list .data_item .data_status.zs .mark {
background-color: #52CCA8;
}
.inquiry_content .inquiry_data .data_list .data_item .data_status.xj .mark {
background-color: #D8DFE6;
}
.inquiry_content .inquiry_data .data_list .data_item .data_status .text {
color: #686E73;
}
.inquiry_content .inquiry_data .data_list .data_item .time {
width: 16%;
}
.inquiry_content .inquiry_data .data_list .data_item .is_bj_status {
color: #0D84D1;
}
.inquiry_content .inquiry_data .data_list .data_item .price {
color: #EA1717;
width: 12%;
}
.inquiry_content .inquiry_data .data_list .data_item .hq {
width: 12%;
}
.inquiry_content .inquiry_data .data_list .data_item .hq span {
color: #515559;
}
@media screen and (max-width: 1440px) {
.inquiry_content .inquiry_data .data_list .data_item .type {
width: 30%;
}
.inquiry_content .inquiry_data .data_list .data_item .brand {
width: 26%;
}
.inquiry_content .inquiry_data .data_list .data_item .num {
width: 20%;
}
.inquiry_content .inquiry_data .data_list .data_item .time {
display: none;
}
}
.inquiry_content .inquiry_data .data_list .data_item .xj_status {
color: #686E73;
cursor: pointer;
}
.inquiry_content .inquiry_data .data_list .data_item .xj_status.fb {
color: #0D84D1;
}
.inquiry_content .inquiry_data .data_list .data_item .icon {
cursor: pointer;
font-size: 26px;
color: #ADB6BF;
margin-left: 29px;
}
.inquiry_content {
padding: 0 20px;
.nav_title {
padding: 20px 0;
}
.xj_total {
background-color: #fff;
height: 120px;
position: relative;
.fl {
width: 50%;
text-align: center;
h3 {
font-size: 40px;
margin-top: 22px;
}
p {
font-size: 14px;
color: #8A9299;
}
&.xj {
h3 {
color: #0D84D1
}
}
&.wxj {
h3 {
color: #515559;
}
}
}
.center_line {
position: absolute;
top: 20px;
bottom: 20px;
left: 50%;
width: 1px;
background-color: #E6ECF2;
}
}
.filter_section {
height: 80px;
background-color: #fff;
margin-top: 20px;
font-size: 14px;
color: #686E73;
padding: 0 20px;
line-height: 80px;
.input_div {
width: 34%;
position: relative;
div {
left: 70px;
right: 10px;
position: absolute;
top: 0px;
}
input {
height: 40px;
border-radius: 4px;
border: 1px solid #D8DFE6;
padding: 0 15px;
width: 100%;
line-height: 40px;
}
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;
}
}
.heng {
margin: 0 5px;
height: 2px;
width: 12px;
background-color: #D8D8D8;
margin-top: 39px;
}
.btn_div {
a {
height: 40px;
line-height: 40px;
text-align: center;
width: 120px;
font-size: 16px;
border-radius: 3px;
cursor: pointer;
&.cx {
color: #fff;
background-color: #0D84D1;
margin: 0 20px;
}
&.cz {
color: #515559;
border: 1px solid #E6ECF2;
}
}
}
}
.inquiry_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;
.data_detail {
position: absolute;
top: 0;
left: 25px;
right: 143px;
bottom: 0;
&.bj_data_detail {
right: 171px;
}
&>div {
padding-right: 10px;
}
}
.show_more {
position: absolute;
right: 0;
width: 67%;
top: 100%;
box-shadow: 0px 5px 10px 0px rgba(216, 223, 230, 0.5);
background-color: #fff;
border: 1px solid #D8DFE6;
z-index: 2;
color: #8A9299;
font-size: 12px;
padding: 0 20px 20px 20px;
.more_item {
&>div {
padding-right: 10px;
}
.sort {
font-size: 14px;
margin-right: 21px;
}
.num {
font-size: 16px;
color: #2E3033;
width: 25%;
}
.fz {
font-size: 14px;
color: #ADB6BF;
width: 20%;
.text {
color: #515559;
}
}
.price {
font-size: 16px;
color: #EA1717;
width: 20%
}
.company {
width: 20%;
.mark {
color: #EAA217;
background-color: rgba(242, 191, 97, 0.2);
border-radius: 5px 0px 5px 0px;
padding: 2px 5px;
margin-right: 16px;
&.gr {
background-color: rgba(97, 160, 242, 0.2);
color: #0D84D1;
}
}
}
.wx {
span {
font-size: 20px;
color: #0D84D1;
}
}
}
.more_btn {
width: 140px;
height: 40px;
background: #fff;
border-radius: 4px;
border: 1px solid #E6ECF2;
margin-left: 37px;
text-align: center;
line-height: 40px;
font-size: 14px;
color: #0D84D1;
cursor: pointer;
img {
height: 14px;
width: 14px;
}
}
}
.type {
color: #2E3033;
font-size: 16px;
width: 25%;
}
.brand {
width: 20%;
span {
color: #515559
}
}
.num {
width: 15%;
span {
color: #515559
}
}
.bj_status {
color: #EAA217;
cursor: pointer;
width: 12%;
&.dd {
color: #61A0F2
}
}
.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%;
}
.is_bj_status {
color: #0D84D1;
}
.price {
color: #EA1717;
width: 12%;
}
.hq {
width: 12%;
span {
color: #515559
}
}
@media screen and (max-width:1440px) {
//小屏的时候去掉时间
.type {
width: 30%;
}
.brand {
width: 26%;
}
.num {
width: 20%;
}
.time {
display: none;
}
}
.xj_status {
color: #686E73;
cursor: pointer;
&.fb {
color: #0D84D1;
}
}
.icon {
cursor: pointer;
font-size: 26px;
color: #ADB6BF;
margin-left: 29px;
}
}
}
}
}
\ No newline at end of file
.release_inquiry_content {
padding: 0 20px;
}
.release_inquiry_content .nav_title {
padding: 20px 0;
}
.release_inquiry_content{
padding:0 20px;
.nav_title{
padding: 20px 0;
}
}
\ No newline at end of file
.search_content {
padding: 0 20px;
}
.search_content .search_section {
width: 690px;
margin: 30px auto 0;
}
.search_content .search_section .search_div {
width: 690px;
background-color: #fff;
box-shadow: 0px 5px 10px 0px rgba(216, 223, 230, 0.5);
height: 48px;
}
.search_content .search_section .search_div .input_div {
width: 482px;
height: 100%;
border-radius: 0px 4px 4px 0px;
position: relative;
padding: 0 20px 0 70px;
}
.search_content .search_section .search_div .input_div .icon {
font-size: 30px;
position: absolute;
top: 2px;
color: #ADB6BF;
left: 20px;
}
.search_content .search_section .search_div .input_div input {
height: 100%;
width: 100%;
font-size: 16px;
color: #515559;
line-height: 48px;
}
.search_content .search_section .search_div .input_btn {
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;
cursor: pointer;
}
.search_content .search_condition {
padding: 22px 21px;
background-color: #fff;
margin-top: 20px;
}
.search_content .search_condition .search_nav {
border-bottom: 1px solid #F5F9FC;
padding-bottom: 5px;
}
.search_content .search_condition .search_nav li {
padding: 2px 5px;
font-size: 16px;
color: #686E73;
cursor: pointer;
}
.search_content .search_condition .search_nav li.active {
color: #0D84D1;
font-weight: 600;
}
.search_content .search_condition .search_nav li.search_xj {
margin-left: 44px;
}
.search_content .search_condition .condition_content {
font-size: 14px;
color: #686E73;
position: relative;
margin-top: 26px;
}
.search_content .search_condition .condition_content span {
padding: 6px 0;
position: absolute;
top: 0;
left: 0;
bottom: 0;
}
.search_content .search_condition .condition_content .condition_right_content {
margin-left: 42px;
}
.search_content .search_condition .condition_content .condition_right_content div {
padding: 6px 8px;
margin-right: 34px;
cursor: pointer;
margin: 0 34px 5px 0;
}
.search_content .search_condition .condition_content .condition_right_content div.active {
background-color: #0D84D1;
color: #fff;
border-radius: 2px;
}
.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;
}
.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 {
padding: 0 20px;
.search_section {
width: 690px;
margin: 30px auto 0;
.search_div {
width: 690px;
background-color: #fff;
box-shadow: 0px 5px 10px 0px rgba(216, 223, 230, 0.5);
height: 48px;
.input_div {
width: 482px;
height: 100%;
border-radius: 0px 4px 4px 0px;
position: relative;
padding: 0 20px 0 70px;
.icon {
font-size: 30px;
position: absolute;
top: 2px;
color: #ADB6BF;
left: 20px;
}
input {
height: 100%;
width: 100%;
font-size: 16px;
color: #515559;
line-height: 48px;
}
}
.input_btn {
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;
cursor: pointer;
}
}
}
.search_condition {
padding: 22px 21px;
background-color: #fff;
margin-top: 20px;
.search_nav {
border-bottom: 1px solid #F5F9FC;
padding-bottom: 5px;
li {
padding: 2px 5px;
font-size: 16px;
color: #686E73;
cursor: pointer;
&.active {
color: #0D84D1;
font-weight: 600;
}
&.search_xj {
margin-left: 44px;
}
}
}
.condition_content {
font-size: 14px;
color: #686E73;
position: relative;
margin-top: 26px;
span {
padding: 6px 0;
position: absolute;
top: 0;
left: 0;
bottom: 0;
}
.condition_right_content {
margin-left: 42px;
div {
padding: 6px 8px;
margin-right: 34px;
cursor: pointer;
margin: 0 34px 5px 0;
&.active {
background-color: #0D84D1;
color: #fff;
border-radius: 2px;
}
&:hover {
background-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