You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

207 lines
3.9 KiB
Plaintext

@import "../myProject/index.wxss";
page {
display: flex;
flex-direction: column;
}
.navigationbar {
background-color: #fff;
}
.navigationbar text {
color: #333;
}
.container {
display: flex;
flex-direction: column;
}
.underreview {
display: flex;
height: 54px;
align-items: center;
background-color: #fff;
margin: 10px 0;
justify-content: space-between;
padding: 0 12px;
}
.underreview > view:last-child {
color: var(--color-ysd);
}
.underreview > view:last-child i {
color: #999;
}
.titlelist {
display: flex;
position: relative;
box-sizing: border-box;
justify-content: space-between;
border-bottom: 1px solid #eee;
padding: 4px 10px ;
line-height: 2;
padding-bottom: 8px;
font-size: 15px;
background-color: #fff;
top: 0px;
left: 0;
width: calc(100%);
z-index: 999;
}
.titlelist > view {
width: 60px;
font-weight: 603;
text-align: center;
}
.titlelist .activelist {
color: var(--color-ysd);
font-weight: 603;
position: relative;
}
.titlelist .activelist::after {
display: block;
content: "";
width: 20px;
height: 3px;
background-color:var(--color-ysd);
position: absolute;
bottom: -8px;
left: 50%;
transform: translateX(-10px);
}
.main {
background-color: #f5f5f5;
}
.main .weui-search-bar__box {
height: 34px;
border-radius: 17px;
background-color: #fff;
padding-left: 20px;
}
.main .weui-search-bar__box .weui-search-bar__input .placeholder {
color: #999;
}
.main .weui-search-bar__box .weui-icon-clear {
color: #999;
}
.main .mainlist .subset {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
background-color: #fff;
border-bottom: 1rpx solid #e2e2e2;
padding: 16px 12px;
font-size: 14px;
color: #666;
}
/* .main .mainlist >view:last-child {
border-bottom: 1px solid transparent;
} */
.mainlist .subset .date {
line-height: 18px;
}
.main .mainlist .subset .userinfo {
display: flex;
flex-direction: row;
align-items: center;
}
.main .mainlist .subset .userinfo .icon {
width: 40px;
height: 40px;
margin-right: 12px;
background-color: var(--color-bgcolor);
text-align: center;
border-radius: 50%;
}
.main .mainlist .subset .userinfo .icon .iconfont {
font-size: 22px;
line-height: 40px;
}
.main .mainlist .subset .userinfo .icon.noTel {
background-color: #f5f5f5;
}
.main .mainlist .subset .userinfo .user {
line-height: 18px;
}
.main .mainlist .subset .userinfo .user .username {
font-weight: bold;
margin-right: 4px;
color: #333;
font-size: 16px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
width: 140px;
display: block;
float: left;
}
.main .mainlist .subset .userinfo .user .usertype {
margin-top: 8px;
}
.display-flex {
display: flex;
justify-content: space-between;
align-items: center;
}
.main .mainlist .subset.hcb{
background-color: #eeeeee;
}
/* .weui-search-bar__box .search {
color: var(--color-ysd);
} */
.top-circle{
position: absolute;
right: 2px;
top: 3px;
width: 8px;
height: 8px;
background: #f5222d;
border-radius: 50%;
}
.phone-circle{
position: absolute;
right: 4px;
top: -2px;
width: 8px;
height: 8px;
background: #f5222d;
border-radius: 50%;
}
.phone-circleNew{
width: 8px;
height: 8px;
background: #f5222d;
border-radius: 50%;
display: inline-block;
}
.main{
background-color: #fff;
}
.main .mainlist .subset .userinfo .user .username {
width: 200px;
font-size: 16px;
line-height: 1;
overflow: inherit;
}
.main .mainlist .subset {
padding: 16px 0px;
background-color: transparent;
}
.main .mainlist .subset .icon {
width: 40px;
height: 40px;
margin-right: 0;
background-color: var(--color-bebgcolor);
text-align: center;
border-radius: 50%;
}
.main .mainlist .subset .icon .iconfont {
font-size: 22px;
line-height: 40px;
}
.main .mainlist:last-child .subset{
border-bottom: 0;
}