init
This commit is contained in:
132
wx05cb767e6530b48f/pages/category/index.wxss
Normal file
132
wx05cb767e6530b48f/pages/category/index.wxss
Normal file
@@ -0,0 +1,132 @@
|
||||
.index-search-box {
|
||||
background: #fff;
|
||||
padding: 13rpx 13rpx 18rpx;
|
||||
}
|
||||
|
||||
.index-search {
|
||||
border-bottom: 0;
|
||||
border-radius: 50rpx;
|
||||
box-sizing: border-box;
|
||||
color: #999;
|
||||
font-size: 28rpx;
|
||||
height: 64rpx;
|
||||
line-height: 64rpx;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.index-search,page {
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.no-more {
|
||||
font-size: 28rpx;
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
.cate-content {
|
||||
background: #fff;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.cate-left {
|
||||
background: #f8f8f8;
|
||||
color: #444;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
height: 100%;
|
||||
width: 22.2222%;
|
||||
}
|
||||
|
||||
.cate-left .type-nav {
|
||||
display: block;
|
||||
font-size: 26rpx;
|
||||
height: 90rpx;
|
||||
line-height: 90rpx;
|
||||
position: relative;
|
||||
text-align: center;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
.cate-left .type-nav.selected {
|
||||
background: #fff;
|
||||
border-right: none;
|
||||
color: #ff495e;
|
||||
font-size: 28rpx;
|
||||
}
|
||||
|
||||
.cate-right {
|
||||
width: 77.7778%;
|
||||
}
|
||||
|
||||
.goods-item {
|
||||
background: #fff;
|
||||
box-sizing: border-box;
|
||||
margin-bottom: 10rpx;
|
||||
padding: 16rpx;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.goods-item text {
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
.goods-item:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.goods-item_left {
|
||||
align-items: center;
|
||||
background: #fff;
|
||||
display: flex;
|
||||
width: 36%;
|
||||
}
|
||||
|
||||
.goods-item_left image {
|
||||
display: block;
|
||||
height: 190rpx;
|
||||
width: 190rpx;
|
||||
}
|
||||
|
||||
.goods-item_right {
|
||||
padding-left: 20rpx;
|
||||
position: relative;
|
||||
width: 60%;
|
||||
}
|
||||
|
||||
.goods-item_right .goods-item_title {
|
||||
color: #333;
|
||||
font-size: 26rpx;
|
||||
height: 72rpx;
|
||||
margin-top: 20rpx;
|
||||
}
|
||||
|
||||
.goods-item_right .goods-item_title text {
|
||||
line-height: 1.3;
|
||||
}
|
||||
|
||||
.goods-item_desc {
|
||||
margin-top: 8rpx;
|
||||
}
|
||||
|
||||
.desc-selling_point {
|
||||
color: #ff495e;
|
||||
font-size: 24rpx;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.desc-goods_sales {
|
||||
color: #999;
|
||||
font-size: 24rpx;
|
||||
}
|
||||
|
||||
.desc_footer .price_x {
|
||||
color: #f03c3c;
|
||||
font-size: 27rpx;
|
||||
margin-right: 16rpx;
|
||||
}
|
||||
|
||||
.desc_footer .price_y {
|
||||
font-size: 24rpx;
|
||||
text-decoration: line-through;
|
||||
}
|
||||
Reference in New Issue
Block a user