Skip to content

施宇 / icsales

Go to a project
Commit bcb75137 by 施宇
Options

2222

parent 5f8941d7
Expand all
Inline Side-by-side
Showing with 219 additions and 14 deletions
dist/css/common/base.css
...@@ -141,6 +141,9 @@ img { ...@@ -141,6 +141,9 @@ img {
letter-spacing: normal; letter-spacing: normal;
word-spacing: normal; word-spacing: normal;
} }
.bold {
font-weight: 600;
}
.lbBox { .lbBox {
font-size: 0 !important; font-size: 0 !important;
*word-spacing: -1px !important; *word-spacing: -1px !important;
...@@ -204,6 +207,16 @@ body { ...@@ -204,6 +207,16 @@ body {
.right_content .content { .right_content .content {
min-height: 100%; 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-face {
font-family: "iconfont"; font-family: "iconfont";
src: url('../../fonts/iconfont.eot?t=1559702111729'); src: url('../../fonts/iconfont.eot?t=1559702111729');
......
dist/css/common/base.less
...@@ -164,6 +164,10 @@ img { ...@@ -164,6 +164,10 @@ img {
word-spacing: normal; word-spacing: normal;
} }
.bold {
font-weight: 600;
}
.lbBox { .lbBox {
font-size: 0 !important; font-size: 0 !important;
*word-spacing: -1px !important; *word-spacing: -1px !important;
...@@ -241,6 +245,18 @@ body { ...@@ -241,6 +245,18 @@ body {
min-height: 100%; 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"; @import "./fonts.less";
// 侧边栏 // 侧边栏
......
dist/css/home.css
...@@ -119,26 +119,98 @@ ...@@ -119,26 +119,98 @@
.home_content .search_section .search_command .command_name div.active { .home_content .search_section .search_command .command_name div.active {
color: #0D84D1; color: #0D84D1;
} }
.home_content .my_xj { .home_content .xj_title {
margin-top: 46px;
}
.home_content .my_xj .my_xj_title {
padding-left: 20px; padding-left: 20px;
} }
.home_content .my_xj .my_xj_title span { .home_content .xj_title span {
height: 20px; height: 20px;
width: 2px; width: 2px;
background-color: #0D84D1; background-color: #0D84D1;
vertical-align: sub; vertical-align: sub;
margin-right: 13px; margin-right: 13px;
} }
.home_content .my_xj .my_xj_title b { .home_content .xj_title b {
color: #515559; color: #515559;
font-size: 18px; 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 { .home_content .my_xj .my_xj_list .my_xj_item {
background-color: #fff; background-color: #fff;
box-shadow: 0px 5px 10px 0px rgba(216, 223, 230, 0.5); box-shadow: 0px 5px 10px 0px rgba(216, 223, 230, 0.5);
width: 20%; margin: 20px 0 0 20px;
margin: 20px 0 0 4%; 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 @@ ...@@ -150,10 +150,7 @@
} }
} }
.my_xj { .xj_title {
margin-top: 46px;
.my_xj_title {
padding-left: 20px; padding-left: 20px;
span { span {
...@@ -170,13 +167,119 @@ ...@@ -170,13 +167,119 @@
} }
} }
.my_xj {
margin-top: 46px;
.my_xj_list { .my_xj_list {
padding-right: 20px;
height: 430px;
overflow: hidden;
.my_xj_item { .my_xj_item {
background-color: #fff; background-color: #fff;
box-shadow: 0px 5px 10px 0px rgba(216, 223, 230, 0.5); box-shadow: 0px 5px 10px 0px rgba(216, 223, 230, 0.5);
width:20%; margin: 20px 0 0 20px;
margin:20px 0 0 4%; 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