Skip to content

施宇 / icsales

Go to a project
Commit aa8b2c8a by 施宇
Options

111111

parent f1af298f
Expand all
Inline Side-by-side
Showing with 294 additions and 20 deletions
Application/Home/View/QuotePrice/inquirydetail.html
......@@ -130,6 +130,11 @@
</div>
<include file="public/foot" />
<script>
$('.gt_div ').on('click',function(){
window.location.href = '/chat?test=1'
})
</script>
</body>
</html>
\ No newline at end of file
Application/Home/View/public/header.html
......@@ -15,7 +15,8 @@
so = 'soapi',
user = 'userapi',
goods = 'goodsapi',
inquiry = 'inquiryapi';
inquiry = 'inquiryapi',
dist = '__PUBLIC__';
</script>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/js/layui/css/layui.css">
\ No newline at end of file
Application/Home/View/public/navleft.html
......@@ -11,21 +11,21 @@
</div>
<div class="nav_left_content">
<ul class="content_ul">
<li class="content_ul_li <if condition="(ACTION_NAME eq 'homes')">active</if>">
<li class="content_ul_li <if condition="(ACTION_NAME eq 'home')">active</if>">
<a href="/homes" class="out">
<span class="li_icon icon iconfont iconjuxing4"></span>
<span class="li_title">首页</span>
</a>
</li>
<li class="content_ul_li <if condition="(ACTION_NAME eq 'inquiry') || (ACTION_NAME eq 'quote') || (ACTION_NAME eq 'releaseinquiry') || (ACTION_NAME eq 'inquirydetail') || (ACTION_NAME eq 'quotedetail')">active</if>">
<li class="content_ul_li xbj_li <if condition="(ACTION_NAME eq 'inquiry') || (ACTION_NAME eq 'quote') || (ACTION_NAME eq 'releaseinquiry') || (ACTION_NAME eq 'inquirydetail') || (ACTION_NAME eq 'quotedetail')">active</if>">
<a href="javascript:;" class="out">
<span class="li_icon icon iconfont iconjuxing5"></span>
<span class="li_title">询报价</span>
<span class="li_right icon iconfont iconjuxing12">
<span class="li_right icon iconfont">
</a>
<dl>
<dd <if condition="(ACTION_NAME eq 'inquiry') || (ACTION_NAME eq 'releaseinquiry') || (ACTION_NAME eq 'inquirydetail')">class="active"</if>"><a href="/inquiry">我的询价</a></dd>
<dd <if condition="(ACTION_NAME eq 'quote') || (ACTION_NAME eq 'quotedetail')">class="active"</if>"><a href="/quote">我的报价</a></dd>
<dl <if condition="(ACTION_NAME eq 'inquiry') || (ACTION_NAME eq 'releaseinquiry') || (ACTION_NAME eq 'inquirydetail') || (ACTION_NAME eq 'quote') || (ACTION_NAME eq 'quotedetail')">style="display:block"</if>>
<dd <if condition="(ACTION_NAME eq 'inquiry') || (ACTION_NAME eq 'releaseinquiry') || (ACTION_NAME eq 'inquirydetail')">class="active"</if>><a href="/inquiry">我的询价</a></dd>
<dd <if condition="(ACTION_NAME eq 'quote') || (ACTION_NAME eq 'quotedetail')">class="active"</if>><a href="/quote">我的报价</a></dd>
</dl>
</li>
<li class="content_ul_li <if condition="(ACTION_NAME eq 'roborder')">active</if>">
......
dist/css/chat.css
......@@ -196,6 +196,70 @@
.chat_content .content .content_div .notice_right .notice_list .notice_item.left .notice_content p {
background-color: #DFECFC;
}
.chat_content .content .content_div .notice_right .notice_list .notice_item.left .notice_content .template {
background-color: #F5F9FC;
border: 1px solid #E6ECF2;
border-radius: 4px;
padding: 20px;
position: relative;
min-width: 520px;
}
.chat_content .content .content_div .notice_right .notice_list .notice_item.left .notice_content .template img {
height: 80px;
width: 80px;
position: absolute;
top: 20px;
left: 20px;
}
.chat_content .content .content_div .notice_right .notice_list .notice_item.left .notice_content .template .template_right {
padding: 0;
margin-left: 100px;
}
.chat_content .content .content_div .notice_right .notice_list .notice_item.left .notice_content .template .template_right .template_right_top {
padding: 0;
}
.chat_content .content .content_div .notice_right .notice_list .notice_item.left .notice_content .template .template_right .template_right_top h3 {
color: #2E3033;
font-size: 20px;
padding-right: 15px;
}
.chat_content .content .content_div .notice_right .notice_list .notice_item.left .notice_content .template .template_right .template_right_top .price {
color: #EA1717;
padding: 0;
font-size: 20px;
text-align: right;
}
.chat_content .content .content_div .notice_right .notice_list .notice_item.left .notice_content .template .template_right .template_right_bottom {
padding: 0;
font-size: 14px;
}
.chat_content .content .content_div .notice_right .notice_list .notice_item.left .notice_content .template .template_right .template_right_bottom .desc1 {
padding: 0;
margin-top: 15px;
}
.chat_content .content .content_div .notice_right .notice_list .notice_item.left .notice_content .template .template_right .template_right_bottom .desc1 div {
width: 60%;
}
.chat_content .content .content_div .notice_right .notice_list .notice_item.left .notice_content .template .template_right .template_right_bottom .desc1 div.hq {
width: 40%;
}
.chat_content .content .content_div .notice_right .notice_list .notice_item.left .notice_content .template .template_right .template_right_bottom .desc2 {
padding: 0;
margin-top: 15px;
}
.chat_content .content .content_div .notice_right .notice_list .notice_item.left .notice_content .template .template_right .template_right_bottom .desc2 div {
width: 60%;
}
.chat_content .content .content_div .notice_right .notice_list .notice_item.left .notice_content .template .template_right .template_right_bottom .desc2 div.time {
width: 40%;
}
.chat_content .content .content_div .notice_right .notice_list .notice_item.left .notice_content .template .template_right .template_right_bottom div {
color: #ADB6BF;
padding: 0;
}
.chat_content .content .content_div .notice_right .notice_list .notice_item.left .notice_content .template .template_right .template_right_bottom div i {
color: #515559;
}
.chat_content .content .content_div .notice_right .notice_list .notice_item.right {
text-align: right;
}
......
dist/css/chat.less
......@@ -131,16 +131,18 @@
box-shadow: 0 0 4px 0 rgba(173, 185, 193, 0.5);
display: none;
position: absolute;
left:0;
top:-140px;
z-index:99;
left: 0;
top: -140px;
z-index: 99;
background-color: #fff;
li {
height: 25px;
width: 25px;
padding: 5px;
cursor: pointer;
border-radius: 2px 2px 0 0;
&:hover {
background-color: #ebfaf4;
}
......@@ -233,8 +235,83 @@
margin-left: 60px;
p {
background-color: #DFECFC
background-color: #DFECFC;
}
.template {
background-color: #F5F9FC;
border: 1px solid #E6ECF2;
border-radius: 4px;
padding: 20px;
position: relative;
min-width: 520px;
img {
height: 80px;
width: 80px;
position: absolute;
top: 20px;
left: 20px;
}
.template_right {
padding: 0;
margin-left: 100px;
.template_right_top {
padding: 0;
h3 {
color: #2E3033;
font-size: 20px;
padding-right:15px;
}
.price {
color: #EA1717;
padding: 0;
font-size: 20px;
text-align: right;
}
}
.template_right_bottom {
padding: 0;
font-size: 14px;
.desc1 {
padding: 0;
margin-top: 15px;
div{
width:60%;
&.hq{
width:40%;
}
}
}
.desc2 {
padding: 0;
margin-top: 15px;
div{
width:60%;
&.time{
width:40%;
}
}
}
div {
color: #ADB6BF;
padding: 0;
i {
color: #515559
}
}
}
}
}
}
}
......
dist/css/common/base.css
......@@ -720,6 +720,7 @@ body {
}
.nav_left .nav_content .nav_left_content .content_ul .content_ul_li dl {
padding-left: 59px;
display: none;
}
.nav_left .nav_content .nav_left_content .content_ul .content_ul_li dl dd {
line-height: 40px;
......@@ -821,4 +822,3 @@ body {
color: #ADB6BF;
cursor: pointer;
}
/*# sourceMappingURL=base.css.map */
\ No newline at end of file
dist/css/common/navleft.css 0 → 100644
.nav_left {
width: 177px;
background: #fff;
box-shadow: 2px 2px 10px 0px rgba(230, 236, 242, 0.5);
position: absolute;
top: 0;
left: 0;
bottom: 0;
overflow: auto;
z-index: 1;
}
.nav_left::-webkit-scrollbar {
width: 2px;
}
.nav_left .li_title {
font-size: 16px;
}
.nav_left .li_icon {
font-size: 24px;
margin: 0 16px 0 20px;
vertical-align: sub;
color: #ADB6BF;
}
.nav_left .nav_content {
min-height: 100%;
position: relative;
padding-bottom: 52px;
}
.nav_left .nav_content .nav_left_header {
border-bottom: 1px solid #F5F9FC;
text-align: center;
border-top: 1px solid transparent;
}
.nav_left .nav_content .nav_left_header .nav_logo {
margin: 22px 0 9px;
}
.nav_left .nav_content .nav_left_header .nav_logo img {
height: 80px;
width: 80px;
}
.nav_left .nav_content .nav_left_header .nav_title {
height: 25px;
font-size: 18px;
font-weight: 600;
color: #3F3A3A;
line-height: 25px;
margin-bottom: 5px;
}
.nav_left .nav_content .nav_left_header .nav_desc {
font-size: 12px;
color: #9F9FA0;
margin-bottom: 19px;
}
.nav_left .nav_content .nav_left_content .content_ul {
margin-top: 22px;
}
.nav_left .nav_content .nav_left_content .content_ul .content_ul_li {
line-height: 40px;
margin-bottom: 12px;
cursor: pointer;
position: relative;
transition: all 0.2s ease-in-out;
}
.nav_left .nav_content .nav_left_content .content_ul .content_ul_li .out {
display: block;
color: #686E73;
transition: all 0.2s ease-in-out;
}
.nav_left .nav_content .nav_left_content .content_ul .content_ul_li .out .li_right {
font-size: 10px;
position: absolute;
right: 20px;
}
.nav_left .nav_content .nav_left_content .content_ul .content_ul_li dl {
padding-left: 59px;
display: none;
}
.nav_left .nav_content .nav_left_content .content_ul .content_ul_li dl dd {
line-height: 40px;
}
.nav_left .nav_content .nav_left_content .content_ul .content_ul_li dl dd a {
display: block;
font-size: 16px;
color: #686e73;
transition: all 0.2s ease-in-out;
}
.nav_left .nav_content .nav_left_content .content_ul .content_ul_li dl dd.active a,
.nav_left .nav_content .nav_left_content .content_ul .content_ul_li dl dd:hover a {
color: #0d84d1;
}
.nav_left .nav_content .nav_left_content .content_ul .content_ul_li.active a.out,
.nav_left .nav_content .nav_left_content .content_ul .content_ul_li:hover a.out {
background-color: #0D84D1;
color: #fff;
}
.nav_left .nav_content .nav_left_content .content_ul .content_ul_li.active a.out .iconfont,
.nav_left .nav_content .nav_left_content .content_ul .content_ul_li:hover a.out .iconfont {
color: #fff;
}
.nav_left .nav_content .nav_end {
position: absolute;
height: 40px;
bottom: 0;
left: 0;
right: 0;
line-height: 40px;
font-size: 16px;
cursor: pointer;
color: #686E73;
border-top: 1px solid #E6ECF2;
box-shadow: 2px 2px 10px 0px rgba(230, 236, 242, 0.5);
}
dist/css/common/navleft.less
......@@ -80,6 +80,7 @@
}
dl{
padding-left: 59px;
display: none;
dd{
line-height: 40px;
a{
......
dist/css/home.css
......@@ -137,7 +137,7 @@
margin-top: 46px;
}
.home_content .my_xj .my_xj_list {
max-height: 420px;
max-height: 415px;
overflow: hidden;
}
.home_content .my_xj .my_xj_list .my_xj_item .item_top .type {
......@@ -237,4 +237,3 @@
.home_content .new_xj .new_xj_list .new_xj_item:hover {
box-shadow: 0px 5px 10px 0px rgba(216, 223, 230, 0.5);
}
/*# sourceMappingURL=home.css.map */
\ No newline at end of file
dist/css/home.less
......@@ -171,7 +171,7 @@
margin-top: 46px;
.my_xj_list {
max-height: 420px;
max-height: 415px;
overflow: hidden;
.my_xj_item {
.item_top {
......
dist/js/global/global.min.js
......@@ -43,12 +43,27 @@
});
},
mounted: function (opt) {
var isShow = $('.xbj_li').find('dl').css('display');
if(isShow == 'none'){
$('.xbj_li').find('.li_right').removeClass('iconjuxing15').addClass('iconjuxing12')
}else{
$('.xbj_li').find('.li_right').removeClass('iconjuxing12').addClass('iconjuxing15')
}
return this;
},
handleBind: function (opt) {
$('.xbj_li').on('click',function(){
var isShow = $(this).find('dl').css('display');
if(isShow == 'none'){
$(this).find('dl').slideDown();
$('.xbj_li').find('.li_right').removeClass('iconjuxing12').addClass('iconjuxing15')
}else{
$(this).find('dl').slideUp();
$('.xbj_li').find('.li_right').removeClass('iconjuxing15').addClass('iconjuxing12')
}
$ })
return this;
},
......
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