Commit 678f9ee5 by 施宇

11

parent 1fbefee3
......@@ -23,6 +23,10 @@ return array(
'search' => 'Home/Index/search',
'releaseinquiry' => 'Home/Index/releaseinquiry',
'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
$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()
......
<!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/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 @@
<span class="icon iconfont iconjuxing"></span>
<input type="text" placeholder="请输入要搜索的内容">
</div>
<div class="input_btn fl">
<div class="btn fl btn_60 btn_fz_18 input_btn bold">
搜索
</div>
</div>
......@@ -72,6 +72,7 @@
<span class="lineBlock"></span>
<b>我的询报价</b>
</div>
<div class="goods_data_list">
<div class="my_xj_list clr">
<div class="my_xj_item fl boxsiz">
<div class="item_top clr">
......@@ -231,6 +232,8 @@
<p class="bold">暂无询报价信息</p>
</div>
</div>
</div>
<div class="new_xj">
<div class="new_xj_title xj_title">
<span class="lineBlock"></span>
......
......@@ -37,22 +37,22 @@
</div>
<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 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">
<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">
<input type="text" placeholder="结束日期" class="fl boxsiz" id="end_date">
</div>
</div>
......@@ -173,18 +173,33 @@
</div>
</div>
<script src="__PUBLIC__/js/layui/layui.all.js"></script>
<script>
layui.use('laydate', function () {
var laydate = layui.laydate;
</body>
<script>
$('.edit_div').click(function(){
//执行一个laydate实例
laydate.render({
elem: '#start_date', //指定元素
theme: '#0D84D1'
});
laydate.render({
elem: '#end_date' ,//指定元素
theme: '#0D84D1'
});
});
$('.edit_div').click(function () {
window.location.href = "/releaseinquiry"
})
$('.iconjuxing2').click(function(){
$('.iconjuxing2').click(function () {
$('.show_more').slideDown()
})
$('.data_item').click(function(){
$('.data_item').click(function () {
window.location.href = "/inquirydetail"
})
</script>
</script>
</body>
</html>
\ No newline at end of file
......@@ -35,7 +35,7 @@
封装:<span>LQFP-144</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="bz fl boxsiz ellipsis"> 备注:<span>有货的商家请尽快联系,谢谢!</span></div>
</div>
......@@ -86,11 +86,11 @@
</div>
</div>
<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>
在线沟通
</div>
<div class="phone_div fl boxsiz">
<div class="phone_div fl btn btn_border">
<span class="icon iconfont iconjuxing23 va-m"></span>
18271408714
</div>
......@@ -112,7 +112,7 @@
<div class="fz fl boxsiz ellipsis">
封装:<span>LQFP-144</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="bz fl boxsiz ellipsis"> 备注:<span>我们有大量的现货,随时都可以出库。我们有大量的现货,随时都可以出库。</span></div>
</div>
......
......@@ -37,22 +37,22 @@
</div>
<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 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">
<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">
<input type="text" placeholder="结束日期" class="fl boxsiz" id="end_date">
</div>
</div>
......@@ -147,14 +147,28 @@
</div>
</div>
<script src="__PUBLIC__/js/layui/layui.all.js"></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"
})
$('.iconjuxing2').click(function(){
$('.iconjuxing2').click(function () {
$('.show_more').slideDown()
})
$('.data_item').click(function(){
$('.data_item').click(function () {
window.location.href = "/quotedetail"
})
</script>
......
......@@ -38,7 +38,7 @@
封装:<span>LQFP-144</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="bz fl boxsiz ellipsis"> 备注:<span>有货的商家请尽快联系,谢谢!</span></div>
</div>
......@@ -66,7 +66,7 @@
<div class="fz fl boxsiz ellipsis">
封装:<span>LQFP-144</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="bz fl boxsiz ellipsis">
备注:<span>我们有大量的现货,随时都可以出库。我们有大量的现货,随时都可以出库。</span></div>
......@@ -78,7 +78,7 @@
<img src="__PUBLIC__/images/nodata.png" alt="">
<p>暂无报价信息</p>
</div>
<div class="bj_btn">
<div class="bj_btn btn btn_60 btn_fz_18">
继续报价,剩余1次
</div>
</div>
......@@ -89,7 +89,7 @@
</div>
<!-- 弹窗表单 -->
<div class="from_mask">
<div class="from_mask" style="display: none">
<div class="form boxsiz">
<h3 class="bold">新增报价</h3>
......@@ -149,14 +149,22 @@
</div>
</div>
<div class="btn_div">
<span class="lineBlock fb boxsiz">报价</span>
<span class="lineBlock cz boxsiz">取消</span>
<span class="lineBlock fb btn">报价</span>
<span class="lineBlock cz btn btn_border">取消</span>
</div>
</div>
</div>
</div>
<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>
......
......@@ -15,7 +15,9 @@
<div class="content">
<div class="nav_title">询报价 > 发布询价</div>
<div class="inquiry_form">
<h3 class="bold">发布询价</h3>
<div class="top_title clr">
<h3 class="bold fl">发布询价</h3>
</div>
<div class="gb">
<span class="icon iconfont iconjuxing19 va-m"></span>
<span>填写完整信息,有利于提高回复报价效率</span>
......@@ -73,8 +75,8 @@
</div>
</div>
<div class="btn_div">
<span class="lineBlock fb boxsiz">发布</span>
<span class="lineBlock cz boxsiz">重置</span>
<span class="lineBlock fb btn">发布</span>
<span class="lineBlock cz btn btn_border">重置</span>
</div>
</div>
<div class="form_right fl ">
......
......@@ -19,7 +19,7 @@
<span class="icon iconfont iconjuxing"></span>
<input type="text" placeholder="请输入要搜索的内容">
</div>
<div class="input_btn fl">
<div class="input_btn fl btn_48 btn bold">
搜索
</div>
</div>
......@@ -52,8 +52,8 @@
</div>
</div>
</div>
<div class="data_list">
<div class="my_xj_list clr " style="display: none">
<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>
......@@ -199,7 +199,7 @@
</div>
</div>
</div>
<div class="no_data">
<div class="no_data" style="display: none">
<img src="__PUBLIC__/images/nosearchdata.png" alt="">
<p class="bold">未搜索到相关信息</p>
<div class="customer">
......
......@@ -28,8 +28,8 @@
<dd <if condition="(ACTION_NAME eq 'quote')">class="active"</if>"><a href="/quote">我的报价</a></dd>
</dl>
</li>
<li class="content_ul_li <if condition="(ACTION_NAME eq '')">active</if>">
<a href="" class="out">
<li class="content_ul_li <if condition="(ACTION_NAME eq 'roborder')">active</if>">
<a href="/roborder" class="out">
<span class="li_icon icon iconfont iconjuxing6"></span>
<span class="li_title">抢单专区</span>
</a>
......@@ -40,8 +40,8 @@
<span class="li_title">在线沟通</span>
</a>
</li>
<li class="content_ul_li <if condition="(ACTION_NAME eq '')">active</if>">
<a href="" class="out">
<li class="content_ul_li <if condition="(ACTION_NAME eq 'goodmanage')">active</if>">
<a href="/goodmanage" class="out">
<span class="li_icon icon iconfont iconjuxing8"></span>
<span class="li_title">商品管理</span>
</a>
......
......@@ -288,6 +288,124 @@ body {
.layui-form-select dl dd.layui-this {
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-family: "iconfont";
src: url('iconfont.eot?t=1560242605876');
......@@ -511,7 +629,7 @@ body {
}
.right_header .message_icon {
margin-right: 20px;
margin-top: 25px;
margin-top: 35px;
cursor: pointer;
}
.right_header .message_icon .icon {
......
......@@ -289,7 +289,161 @@ body {
.layui-form-select dl dd.layui-this {
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";
// 侧边栏
......
......@@ -7,10 +7,10 @@
margin: 20px 0 0 4% !important;
}
.my_xj_list .my_xj_item .num {
width: 72%;
width: 72% !important;
}
.my_xj_list .my_xj_item .name {
width: 72%;
width: 72% !important;
}
.info_detail {
width: 57%;
......
......@@ -10,10 +10,10 @@
}
.my_xj_list .my_xj_item{
.num{
width:72%
width:72% !important;
}
.name{
width:72%
width:72% !important;
}
}
.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 @@
.message_icon {
margin-right: 20px;
margin-top: 25px;
margin-top: 35px;
cursor: pointer;
.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 @@
.home_content .search_section .search_div .input_div .icon {
font-size: 30px;
position: absolute;
top: 8px;
top: 15px;
color: #ADB6BF;
left: 20px;
}
......@@ -95,15 +95,7 @@
}
.home_content .search_section .search_div .input_btn {
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;
cursor: pointer;
}
.home_content .search_section .search_command {
margin-top: 15px;
......@@ -144,16 +136,9 @@
margin-top: 46px;
}
.home_content .my_xj .my_xj_list {
padding-right: 20px;
max-height: 420px;
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 {
width: 21px;
height: 21px;
......@@ -170,55 +155,9 @@
background-color: #61A0F2;
}
.home_content .my_xj .my_xj_list .my_xj_item .item_top .num {
font-size: 16px;
font-weight: 600;
color: #2E3033;
margin-left: 10px;
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 {
margin-top: 35px;
}
......@@ -293,4 +232,3 @@
margin: 0;
cursor: pointer;
}
/*# sourceMappingURL=home.css.map */
\ No newline at end of file
......@@ -100,7 +100,7 @@
.icon {
font-size: 30px;
position: absolute;
top: 8px;
top: 15px;
color: #ADB6BF;
left: 20px;
}
......@@ -117,15 +117,8 @@
.input_btn {
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;
cursor: pointer;
}
}
......@@ -178,16 +171,9 @@
margin-top: 46px;
.my_xj_list {
padding-right: 20px;
max-height: 420px;
overflow: hidden;
.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 {
.type {
width: 21px;
......@@ -210,79 +196,11 @@
}
.num {
font-size: 16px;
font-weight: 600;
color: #2E3033;
margin-left: 10px;
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 @@
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;
}
......@@ -299,4 +287,3 @@
color: #ADB6BF;
margin-left: 29px;
}
/*# sourceMappingURL=inquiry.css.map */
\ No newline at end of file
......@@ -121,24 +121,10 @@
.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;
}
}
}
}
......@@ -275,6 +261,7 @@
.brand {
width: 20%;
span {
color: #515559
}
......@@ -342,6 +329,7 @@
.hq {
width: 12%;
span {
color: #515559
}
......
......@@ -19,6 +19,7 @@
.inquiry_detail_content .goods_detail .goods_desc .title {
height: 54px;
border-bottom: 2px solid #F5F9FC;
line-height: 54px;
}
.inquiry_detail_content .goods_detail .goods_desc .title h3 {
color: #2E3033;
......@@ -216,12 +217,7 @@
margin-top: 30px;
}
.inquiry_detail_content .bj_detail .bj_lists .bj_item .item_right .bottom div {
height: 40px;
line-height: 40px;
text-align: center;
font-size: 14px;
border-radius: 4px;
cursor: pointer;
}
.inquiry_detail_content .bj_detail .bj_lists .bj_item .item_right .bottom div span {
font-size: 20px;
......@@ -229,13 +225,9 @@
}
.inquiry_detail_content .bj_detail .bj_lists .bj_item .item_right .bottom .gt_div {
width: 110px;
background-color: #EAAD37;
color: #fff;
}
.inquiry_detail_content .bj_detail .bj_lists .bj_item .item_right .bottom .phone_div {
width: 140px;
color: #8A9299;
border: 1px solid #D8DFE6;
margin-left: 15px;
}
.inquiry_detail_content .bj_detail .bj_lists .bj_item .item_right .time {
......@@ -245,15 +237,7 @@
}
.inquiry_detail_content .bj_btn {
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;
cursor: pointer;
}
.from_mask {
position: fixed;
......@@ -378,20 +362,8 @@
margin: 30px 0 0 90px;
}
.from_mask .form .form_content .btn_div span {
height: 40px;
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 {
color: #515559;
border: 1px solid #E6ECF2;
margin-left: 40px;
}
......@@ -21,6 +21,7 @@
.title {
height: 54px;
border-bottom: 2px solid #F5F9FC;
line-height:54px;
h3 {
color: #2E3033;
......@@ -267,13 +268,7 @@
margin-top: 30px;
div {
height: 40px;
line-height: 40px;
text-align: center;
font-size: 14px;
border-radius: 4px;
cursor: pointer;
span {
font-size: 20px;
margin-right: 5px;
......@@ -282,15 +277,10 @@
.gt_div {
width: 110px;
background-color: #EAAD37;
color: #fff;
}
.phone_div {
width: 140px;
color: #8A9299;
border: 1px solid #D8DFE6;
margin-left: 15px;
}
......@@ -309,16 +299,7 @@
.bj_btn {
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;
cursor: pointer;
}
}
......@@ -474,22 +455,12 @@
margin: 30px 0 0 90px;
span {
height: 40px;
width: 120px;
line-height: 40px;
text-align: center;
font-size: 16px;
border-radius: 3px;
cursor: pointer;
&.fb {
color: #fff;
background-color: #0D84D1
}
&.cz {
color: #515559;
border: 1px solid #E6ECF2;
margin-left: 40px;
}
}
......
......@@ -8,10 +8,22 @@
background-color: #fff;
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;
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 {
height: 34px;
......@@ -115,21 +127,9 @@
margin: 30px 0 0 90px;
}
.release_inquiry_content .inquiry_form .form_content .form_left .btn_div span {
height: 40px;
width: 120px;
line-height: 40px;
text-align: center;
font-size: 16px;
border-radius: 3px;
cursor: pointer;
}
.release_inquiry_content .inquiry_form .form_content .form_left .btn_div span.fb {
color: #fff;
background-color: #0D84D1;
}
.release_inquiry_content .inquiry_form .form_content .form_left .btn_div span.cz {
color: #515559;
border: 1px solid #E6ECF2;
margin-left: 40px;
}
.release_inquiry_content .inquiry_form .form_content .form_right {
......@@ -158,4 +158,3 @@
color: #ADB6BF;
margin-top: 17px;
}
/*# sourceMappingURL=releaseinquiry.css.map */
\ No newline at end of file
......@@ -9,12 +9,27 @@
background-color: #fff;
padding-bottom: 40px;
.top_title {
padding: 26px 30px 0;
h3 {
font-size: 20px;
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 {
height: 34px;
line-height: 34px;
......@@ -74,6 +89,7 @@
.layui-form-radio {
margin-top: 0;
i:hover {
color: #0D84D1
}
......@@ -96,17 +112,20 @@
&.price_input {
padding: 0 90px 0 15px;
}
&.day_input{
width:139px;
padding:0 35px 0 15px;
&.day_input {
width: 139px;
padding: 0 35px 0 15px;
}
}
.day{
.day {
position: relative;
color:#515559;
left:-30px;
color: #515559;
left: -30px;
}
.rmb {
position: absolute;
cursor: pointer;
......@@ -135,24 +154,10 @@
.btn_div {
margin: 30px 0 0 90px;
span {
height: 40px;
width: 120px;
line-height: 40px;
text-align: center;
font-size: 16px;
border-radius: 3px;
cursor: pointer;
&.fb {
color: #fff;
background-color: #0D84D1
}
&.cz {
color: #515559;
border: 1px solid #E6ECF2;
margin-left: 40px;
}
}
......@@ -169,15 +174,17 @@
background-color: #F5F9FC;
text-align: center;
cursor: pointer;
div{
color:#ADB6BF;
div {
color: #ADB6BF;
font-size: 60px;
padding-top:67px;
padding-top: 67px;
}
p{
color:#8A9299;
p {
color: #8A9299;
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 {
padding: 0 20px;
.search_content .nav_title {
padding: 20px 20px 0 20px;
}
.search_content .search_condition {
margin: 0 20px;
}
.search_content .search_section {
width: 690px;
......@@ -21,7 +24,7 @@
.search_content .search_section .search_div .input_div .icon {
font-size: 30px;
position: absolute;
top: 2px;
top: 9px;
color: #ADB6BF;
left: 20px;
}
......@@ -34,15 +37,7 @@
}
.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;
......@@ -90,95 +85,9 @@
}
.search_content .search_condition .condition_content .condition_right_content div.active {
background-color: #0D84D1;
color: #fff;
color: #fff !important;
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;
.nav_title{
padding:20px 20px 0 20px;
}
.search_condition{
margin:0 20px;
}
.search_section {
width: 690px;
margin: 30px auto 0;
.search_div {
width: 690px;
background-color: #fff;
......@@ -20,7 +24,7 @@
.icon {
font-size: 30px;
position: absolute;
top: 2px;
top: 9px;
color: #ADB6BF;
left: 20px;
}
......@@ -37,15 +41,7 @@
.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;
}
}
}
......@@ -54,7 +50,6 @@
padding: 22px 21px;
background-color: #fff;
margin-top: 20px;
.search_nav {
border-bottom: 1px solid #F5F9FC;
padding-bottom: 5px;
......@@ -102,138 +97,16 @@
&.active {
background-color: #0D84D1;
color: #fff;
color: #fff !important;
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;
}
color:#0D84D1;
}
}
.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