store/packageC/mycomponent/sort/sort.wxss

80 lines
1.3 KiB
Plaintext

/* pages/sort/sort.wxss */
.sort_box {
height: 80rpx;
line-height: 80rpx;
display: flex;
background: #fff;
border-top: solid 2rpx #ebebeb;
border-bottom: solid 2rpx #ebebeb;
}
.sort_box .ul {
display: flex;
justify-content: center;
position: relative;
font-size: 15px;
flex: 1;
}
.sort_box .sort_icon {
width: 80rpx;
height: 80rpx;
display: flex;
justify-content: center;
align-items: center;
}
.sort_box .sort_icon .photo_icon {
width: 48rpx;
display: flex;
justify-content: center;
align-items: center;
}
.sort_box .sort_icon .photo_icon icon {
font-size: 48rpx;
}
.sort_box .ul .li {
display: flex;
}
.sort_box .ul .li .left.sel {
color: #f15353;
}
.sort_box .ul .li .right {
display: flex;
flex-wrap: wrap;
flex-direction: column;
justify-content: center;
align-items: center;
width: 22rpx;
}
.icon_up {
width: 0;
height: 0;
border-right: 8rpx solid transparent;
border-left: 8rpx solid transparent;
border-bottom: 8rpx solid #999;
margin-bottom: 2rpx;
}
.icon_up.sel {
border-bottom: 8rpx solid #f15353;
}
.icon_down {
margin-top: 2rpx;
width: 0;
height: 0;
border-right: 8rpx solid transparent;
border-left: 8rpx solid transparent;
border-top: 8rpx solid #999;
}
.icon_down.sel {
border-top: 8rpx solid #f15353;
}