Skip to content

施宇 / icsales

Go to a project
Commit bcb75137 by 施宇
Options

2222

parent 5f8941d7
Inline Side-by-side
Showing with 284 additions and 86 deletions
Application/Home/View/Home/index.html
......@@ -73,130 +73,123 @@
<b>我的询报价</b>
</div>
<div class="my_xj_list clr">
<div class="my_xj_item fl">
<div class="my_xj_item fl boxsiz">
<div class="item_top clr">
<span class="fl">报</span>
<div class="fl">TMP75CIDR</div>
<span class="fl type btype lineBlock">报</span>
<div class="fl num">TMP75CIDR</div>
</div>
<div class="item_middle clr">
<div class="fl">￥10.1241</div>
<div class="fr">05-10 17:38</div>
<div class="fl price">￥10.1241</div>
<div class="fr time">05-10 17:38</div>
</div>
<div class="item_bottom">
<div>品牌：<span>future</span></div>
<div>数量：<span>10000 PCS</span></div>
<div>货期：<span>货期：</span></div>
<div class="brand">品牌：<span>future</span></div>
<div class="total">数量：<span class="bold">10000 PCS</span></div>
<div class="date">货期：<span class="bold">现货</span></div>
</div>
</div>
<div class="my_xj_item fl">
<div class="my_xj_item fl boxsiz">
<div class="item_top clr">
<span class="fl">报</span>
<div class="fl">TMP75CIDR</div>
<span class="fl type btype lineBlock">报</span>
<div class="fl num">TMP75CIDR</div>
</div>
<div class="item_middle clr">
<div class="fl">￥10.1241</div>
<div class="fr">05-10 17:38</div>
<div class="fl price">￥10.1241</div>
<div class="fr time">05-10 17:38</div>
</div>
<div class="item_bottom">
<div>品牌：<span>future</span></div>
<div>数量：<span>10000 PCS</span></div>
<div>货期：<span>货期：</span></div>
<div class="brand">品牌：<span>future</span></div>
<div class="total">数量：<span class="bold">10000 PCS</span></div>
<div class="date">货期：<span class="bold">现货</span></div>
</div>
</div>
<div class="my_xj_item fl ">
<div class="my_xj_item fl boxsiz">
<div class="item_top clr">
<span class="fl">报</span>
<div class="fl">TMP75CIDR</div>
<span class="fl type btype lineBlock">报</span>
<div class="fl num">TMP75CIDR</div>
</div>
<div class="item_middle clr">
<div class="fl">￥10.1241</div>
<div class="fr">05-10 17:38</div>
<div class="fl price">￥10.1241</div>
<div class="fr time">05-10 17:38</div>
</div>
<div class="item_bottom">
<div>品牌：<span>future</span></div>
<div>数量：<span>10000 PCS</span></div>
<div>货期：<span>货期：</span></div>
<div class="brand">品牌：<span>future</span></div>
<div class="total">数量：<span class="bold">10000 PCS</span></div>
<div class="date">货期：<span class="bold">现货</span></div>
</div>
</div>
<div class="my_xj_item fl">
<div class="my_xj_item fl boxsiz">
<div class="item_top clr">
<span class="fl">报</span>
<div class="fl">TMP75CIDR</div>
<span class="fl type btype lineBlock">报</span>
<div class="fl num">TMP75CIDR</div>
</div>
<div class="item_middle clr">
<div class="fl">￥10.1241</div>
<div class="fr">05-10 17:38</div>
<div class="fl price">￥10.1241</div>
<div class="fr time">05-10 17:38</div>
</div>
<div class="item_bottom">
<div>品牌：<span>future</span></div>
<div>数量：<span>10000 PCS</span></div>
<div>货期：<span>货期：</span></div>
<div class="brand">品牌：<span>future</span></div>
<div class="total">数量：<span class="bold">10000 PCS</span></div>
<div class="date">货期：<span class="bold">现货</span></div>
</div>
</div>
<div class="my_xj_item fl">
<div class="my_xj_item fl boxsiz">
<div class="item_top clr">
<span class="fl">报</span>
<div class="fl">TMP75CIDR</div>
<span class="fl type xtype lineBlock">询</span>
<div class="fl num">TMP75CIDR</div>
</div>
<div class="item_middle clr">
<div class="fl">￥10.1241</div>
<div class="fr">05-10 17:38</div>
<div class="fl price">￥10.1241</div>
<div class="fr time">05-10 17:38</div>
</div>
<div class="item_bottom">
<div>品牌：<span>future</span></div>
<div>数量：<span>10000 PCS</span></div>
<div>货期：<span>货期：</span></div>
<div class="brand">品牌：<span>future</span></div>
<div class="total">数量：<span class="bold">10000 PCS</span></div>
<div class="date">货期：<span class="bold">现货</span></div>
</div>
</div>
<div class="my_xj_item fl">
<div class="my_xj_item fl boxsiz">
<div class="item_top clr">
<span class="fl">报</span>
<div class="fl">TMP75CIDR</div>
<span class="fl type xtype lineBlock">询</span>
<div class="fl num">TMP75CIDR</div>
</div>
<div class="item_middle clr">
<div class="fl">￥10.1241</div>
<div class="fr">05-10 17:38</div>
<div class="fl price">￥10.1241</div>
<div class="fr time">05-10 17:38</div>
</div>
<div class="item_bottom">
<div>品牌：<span>future</span></div>
<div>数量：<span>10000 PCS</span></div>
<div>货期：<span>货期：</span></div>
<div class="brand">品牌：<span>future</span></div>
<div class="total">数量：<span class="bold">10000 PCS</span></div>
<div class="date">货期：<span class="bold">现货</span></div>
</div>
</div>
<div class="my_xj_item fl">
<div class="my_xj_item fl boxsiz">
<div class="item_top clr">
<span class="fl">报</span>
<div class="fl">TMP75CIDR</div>
<span class="fl type xtype lineBlock">询</span>
<div class="fl num ellipsis">TMP75CIDRTMP75CIDRTMP75CIDRTMP75CIDRTMP75CIDR</div>
</div>
<div class="item_middle clr">
<div class="fl">￥10.1241</div>
<div class="fr">05-10 17:38</div>
<div class="fl price">￥10.1241</div>
<div class="fr time">05-10 17:38</div>
</div>
<div class="item_bottom">
<div>品牌：<span>future</span></div>
<div>数量：<span>10000 PCS</span></div>
<div>货期：<span>货期：</span></div>
</div>
</div>
<div class="my_xj_item fl">
<div class="item_top clr">
<span class="fl">报</span>
<div class="fl">TMP75CIDR</div>
</div>
<div class="item_middle clr">
<div class="fl">￥10.1241</div>
<div class="fr">05-10 17:38</div>
</div>
<div class="item_bottom">
<div>品牌：<span>future</span></div>
<div>数量：<span>10000 PCS</span></div>
<div>货期：<span>货期：</span></div>
<div class="brand">品牌：<span>future</span></div>
<div class="total">数量：<span class="bold">10000 PCS</span></div>
<div class="date">货期：<span class="bold">现货</span></div>
</div>
</div>
</div>
</div>
<div class="new_xj">
<div class="new_xj_title xj_title"></div>
<div class="new_xj_title xj_title">
<span class="lineBlock"></span>
<b>我的询报价</b>
</div>
</div>
</div>
......
dist/css/common/base.css
......@@ -141,6 +141,9 @@ img {
letter-spacing: normal;
word-spacing: normal;
}
.bold {
font-weight: 600;
}
.lbBox {
font-size: 0 !important;
*word-spacing: -1px !important;
......@@ -204,6 +207,16 @@ body {
.right_content .content {
min-height: 100%;
}
.ellipsis {
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
-icab-text-overflow: ellipsis;
-khtml-text-overflow: ellipsis;
-moz-text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
@font-face {
font-family: "iconfont";
src: url('../../fonts/iconfont.eot?t=1559702111729');
......
dist/css/common/base.less
......@@ -164,6 +164,10 @@ img {
word-spacing: normal;
}
.bold {
font-weight: 600;
}
.lbBox {
font-size: 0 !important;
*word-spacing: -1px !important;
......@@ -241,6 +245,18 @@ body {
min-height: 100%;
}
.ellipsis {
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
-icab-text-overflow: ellipsis;
-khtml-text-overflow: ellipsis;
-moz-text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
// 字体样式
@import "./fonts.less";
// 侧边栏
......
dist/css/home.css
......@@ -119,26 +119,98 @@
.home_content .search_section .search_command .command_name div.active {
color: #0D84D1;
}
.home_content .my_xj {
margin-top: 46px;
}
.home_content .my_xj .my_xj_title {
.home_content .xj_title {
padding-left: 20px;
}
.home_content .my_xj .my_xj_title span {
.home_content .xj_title span {
height: 20px;
width: 2px;
background-color: #0D84D1;
vertical-align: sub;
margin-right: 13px;
}
.home_content .my_xj .my_xj_title b {
.home_content .xj_title b {
color: #515559;
font-size: 18px;
}
.home_content .my_xj {
margin-top: 46px;
}
.home_content .my_xj .my_xj_list {
padding-right: 20px;
height: 430px;
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);
width: 20%;
margin: 20px 0 0 4%;
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;
height: 21px;
font-size: 14px;
color: #fff;
line-height: 21px;
border-radius: 1px;
text-align: center;
}
.home_content .my_xj .my_xj_list .my_xj_item .item_top .type.btype {
background-color: #EAAD37;
}
.home_content .my_xj .my_xj_list .my_xj_item .item_top .type.xtype {
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);
}
}
dist/css/home.less
......@@ -150,10 +150,7 @@
}
}
.my_xj {
margin-top: 46px;
.my_xj_title {
.xj_title {
padding-left: 20px;
span {
......@@ -170,13 +167,119 @@
}
}
.my_xj {
margin-top: 46px;
.my_xj_list {
padding-right: 20px;
height: 430px;
overflow: hidden;
.my_xj_item {
background-color: #fff;
box-shadow: 0px 5px 10px 0px rgba(216, 223, 230, 0.5);
width:20%;
margin:20px 0 0 4%;
margin: 20px 0 0 20px;
padding: 20px;
width: 20%\9;
margin: 20px 0 0 4%\9;
.item_top {
.type {
width: 21px;
height: 21px;
font-size: 14px;
color: #fff;
line-height: 21px;
border-radius: 1px;
text-align: center;
&.btype {
background-color: #EAAD37;
}
&.xtype {
background-color: #61A0F2;
}
}
.num {
font-size: 16px;
font-weight: 600;
color: #2E3033;
margin-left: 10px;
width: calc(~"100% - 31px");
// width:70%;
}
}
.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");
}
}
}
}
}
\ 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