You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
118 lines
2.1 KiB
118 lines
2.1 KiB
5 years ago
|
page {
|
||
|
|
background: #f7f7f7;
|
||
|
|
}
|
||
|
|
|
||
|
|
.mian {
|
||
|
|
margin-top: 3rpx;
|
||
|
|
width: 100%;
|
||
|
|
height: 94rpx;
|
||
|
|
background: #fff;
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.search {
|
||
|
|
/* margin-top: 17rpx; */
|
||
|
|
width: calc(100% - 60rpx);
|
||
|
|
height: 66rpx;
|
||
|
|
margin-left: 30rpx;
|
||
|
|
background: rgba(242, 242, 242, 1);
|
||
|
|
border-radius: 33rpx;
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
justify-content: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.search .item-all {
|
||
|
|
height: 30rpx;
|
||
|
|
width: 100%;
|
||
|
|
width: calc(100% - 60rpx);
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
justify-content: space-between;
|
||
|
|
}
|
||
|
|
|
||
|
|
.search .item-all .item-left {
|
||
|
|
/* background: red; */
|
||
|
|
width: calc(100% - 73rpx);
|
||
|
|
height: 30rpx;
|
||
|
|
border-right: 1rpx solid #BFBFBF;
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
justify-content: space-between;
|
||
|
|
}
|
||
|
|
|
||
|
|
.search .item-all .item-left image {
|
||
|
|
width: 30rpx;
|
||
|
|
height: 28rpx;
|
||
|
|
}
|
||
|
|
|
||
|
|
.search .item-all .item-left input {
|
||
|
|
width: calc(100% - 41rpx);
|
||
|
|
height: 30rpx;
|
||
|
|
font-size: 28rpx;
|
||
|
|
color: #333;
|
||
|
|
}
|
||
|
|
|
||
|
|
.placeholder-style {
|
||
|
|
font-size: 28rpx;
|
||
|
|
font-weight: 500;
|
||
|
|
color: rgba(168, 168, 168, 1);
|
||
|
|
}
|
||
|
|
|
||
|
|
.search .item-all .item-right {
|
||
|
|
font-size: 28rpx;
|
||
|
|
font-weight: 500;
|
||
|
|
color: rgba(51, 51, 51, 1);
|
||
|
|
}
|
||
|
|
|
||
|
|
button {
|
||
|
|
width: 53rpx;
|
||
|
|
height: 28rpx;
|
||
|
|
padding: 0;
|
||
|
|
border-radius: 0;
|
||
|
|
line-height: 28rpx;
|
||
|
|
}
|
||
|
|
|
||
|
|
button::after {
|
||
|
|
border-radius: 0px;
|
||
|
|
border: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 列表 */
|
||
|
|
.list-item {
|
||
|
|
margin-top: 16rpx;
|
||
|
|
padding-top: 30rpx;
|
||
|
|
width: 100%;
|
||
|
|
height: 170rpx;
|
||
|
|
background: #fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
.list-item .list-name {
|
||
|
|
width: calc(100% - 60rpx);
|
||
|
|
margin-left: 30rpx;
|
||
|
|
font-size: 34rpx;
|
||
|
|
font-weight: 500;
|
||
|
|
color: rgba(51, 51, 51, 1);
|
||
|
|
}
|
||
|
|
.list-item .list-position {
|
||
|
|
width: calc(100% - 60rpx);
|
||
|
|
margin-left: 30rpx;
|
||
|
|
height: 26rpx;
|
||
|
|
margin-top: 35rpx;
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
}
|
||
|
|
.list-item .list-position image{
|
||
|
|
width: 30rpx;
|
||
|
|
height: 22rpx;
|
||
|
|
}
|
||
|
|
.list-item .list-position .list-position-name{
|
||
|
|
margin-left: 10rpx;
|
||
|
|
font-size:26rpx;
|
||
|
|
font-weight:500;
|
||
|
|
color:rgba(170,170,170,1);
|
||
|
|
line-height:26rpx;
|
||
|
|
}
|
||
|
|
|