130 lines
2.0 KiB
Plaintext
130 lines
2.0 KiB
Plaintext
/* pages/mechanism/mechanism.wxss */
|
|
/* 推荐图片 */
|
|
/* .mechanism {
|
|
|
|
} */
|
|
|
|
.recommend {
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
width: 750rpx;
|
|
}
|
|
.recommend:nth-child(1){
|
|
border-top: 1px solid #D6D6D6;
|
|
border-bottom: 1px solid #D6D6D6;
|
|
}
|
|
|
|
.red-image {
|
|
width: 80rpx;
|
|
height: 80rpx;
|
|
margin: 38rpx 28rpx 41rpx 41rpx;
|
|
}
|
|
|
|
.red-image image {
|
|
width: 100%;
|
|
height: 100%;
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.red-tit {
|
|
margin: 24rpx 0;
|
|
}
|
|
|
|
.Grade {
|
|
display: flex;
|
|
}
|
|
|
|
.Star {
|
|
width: 23rpx;
|
|
height: 22rpx;
|
|
margin-right: 4rpx;
|
|
}
|
|
|
|
.Star image {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
/* 标题 */
|
|
.headline {
|
|
display: flex;
|
|
width: 576rpx;
|
|
height: 57rpx;
|
|
line-height: 57rpx;
|
|
border-bottom: 1px solid #E9E9E9;
|
|
}
|
|
.headline text:first-child{
|
|
width: 28rpx;
|
|
height: 27rpx;
|
|
background: #FF576E;
|
|
border-radius: 5rpx;
|
|
font-size: 14rpx;
|
|
color: #ffffff;
|
|
text-align: center;
|
|
line-height: 27rpx;
|
|
margin-top:16rpx ;
|
|
}
|
|
/* 剩余产品 */
|
|
.Residuals{
|
|
position: relative;
|
|
font-size: 18rpx;
|
|
color: #00B1AE;
|
|
text-align: center;
|
|
margin-top: 25rpx;
|
|
}
|
|
.jiantou{
|
|
position: absolute;
|
|
top: 10rpx;
|
|
left: 465rpx;
|
|
width: 0;
|
|
height: 0;
|
|
border-left: 5px solid transparent;
|
|
border-right: 5px solid transparent;
|
|
border-top: 5px solid #00B1AE;
|
|
|
|
}
|
|
|
|
/* _______________________________________ */
|
|
view {
|
|
box-sizing: border-box;
|
|
overflow: hidden;
|
|
}
|
|
.custom-bar {
|
|
/* background-color: #aaa; */
|
|
position: fixed;
|
|
left: 0;
|
|
top: 0;
|
|
width: 100%;
|
|
}
|
|
.custom-bar__wrapper {
|
|
padding: 0 10rpx;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
.search-group {
|
|
width: 100%;
|
|
height: 100%;
|
|
display: flex;
|
|
justify-content: flex-start;
|
|
align-items: center;
|
|
/* border: 1px solid #666; */
|
|
border-radius: 60rpx;
|
|
/* padding: 0 10rpx; */
|
|
padding-left: 25rpx;
|
|
background: #F5F5F5;
|
|
}
|
|
.search-group > input {
|
|
font-size: 25rpx;
|
|
width: 800rpx;
|
|
}
|
|
.search-group > image {
|
|
height: 32rpx;
|
|
width: 32rpx;
|
|
margin-right: 20rpx
|
|
}
|
|
|
|
|
|
.order-list{
|
|
width: 100%;
|
|
} |