优化首页样式

This commit is contained in:
gaoxs
2020-07-14 09:34:34 +08:00
parent e8240a54a7
commit 63c3530314
9 changed files with 767 additions and 61 deletions

View File

@ -1251,21 +1251,24 @@ page {
}
.index .news {
align-items: center;
height: 0.77*100rpx;
border-top: 1px solid #f4f4f4;
padding: 0 0.3*100rpx;
box-shadow: 0 0.1*100rpx 0.3*100rpx #f5f5f5;
-moz-box-shadow: 0 0.1*100rpx 0.3*100rpx #f5f5f5;
-o-box-shadow: 0 0.1*100rpx 0.3*100rpx #f5f5f5;
background: #fffbe8;
}
.index .news .pictrue {
width: 1.24*100rpx;
height: 0.28*100rpx;
width: 26rpx;
height: 26rpx;
border-right: 1px solid #ddd;
padding-right: 0.23*100rpx;
box-sizing: content-box;
-moz-box-sizing: content-box;
margin-right: 20rpx;
}
.index .news .pictrue image {
@ -1275,7 +1278,7 @@ page {
}
.index .news .new-banner {
width: 5.23*100rpx;
flex: 1;
overflow: hidden;
height: 0.77*100rpx;
}
@ -1404,10 +1407,16 @@ page {
.index .wrapper .title .text .name {
color: #282828;
font-size: 0.3*100rpx;
font-size: 28rpx;
font-weight: bold;
margin-bottom: 0.05*100rpx;
position: relative;
display: flex;
align-items: center;
}
.index .wrapper .title .text .name .iconfont {
margin-right: 10rpx;
}
.index .wrapper .title .text .name .new {
@ -1661,6 +1670,13 @@ page {
.index .wrapper.hot .newProducts .newProductsItem {
border: 0;
}
.index .wrapper.hot .title .text{
color: #fff;
font-size:28rpx;
.iconfont{
margin-right: 10rpx;
}
}
.index .wrapper.hot .newProducts {
white-space: nowrap;
@ -4241,17 +4257,17 @@ page {
}
.bargain-list .list {
background-color: #fff;
border: 0.06*100rpx solid #eb3729;
border-radius: 0.3*100rpx;
margin: .3*100rpx 0.3*100rpx 0.66*100rpx 0.3*100rpx;
padding: 0 0.24*100rpx;
}
.bargain-list .list .item {
border-bottom: 1px solid #eee;
position: relative;
height: 2.23*100rpx;
background-color: #fff;
padding: 0 .24*100rpx;
margin: 0 auto .2*100rpx auto;
}
.bargain-list .list .item .pictrue {
@ -8521,3 +8537,11 @@ page {
height: 1326px !important;
}
}
.text .name .icon-jingpintuijian, .text .name .icon-xinpin{
color: #00f !important;
}
.text .name .icon-shoucang{
color: #ea3526!important;
}