90 lines
1.4 KiB
Plaintext
90 lines
1.4 KiB
Plaintext
/* packageH/starMusic/starMusicOpenGroup/starMusicOpenGroup.wxss */
|
|
|
|
view,
|
|
text {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.items {
|
|
padding: 0.938rem 0.906rem;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
flex-wrap: wrap;
|
|
text-align: left;
|
|
}
|
|
|
|
.items .item {
|
|
width: 48%;
|
|
height: 15rem;
|
|
background-color: #fff;
|
|
border-radius: 0.313rem;
|
|
margin-bottom: 0.906rem;
|
|
}
|
|
|
|
.items .item.active {
|
|
border: 0.05rem solid #f14e4e;
|
|
}
|
|
|
|
.items .item .face image {
|
|
width: 100%;
|
|
height: 10.469rem;
|
|
border-radius: 0.313rem 0.313rem 0 0;
|
|
}
|
|
|
|
.items .item .name {
|
|
padding: 0 0.469rem 0 0.469rem;
|
|
font-size: 0.838rem;
|
|
color: #333;
|
|
|
|
/* text-overflow: -o-ellipsis-lastline; */
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
display: -webkit-box;
|
|
-webkit-line-clamp: 2;
|
|
line-clamp: 2;
|
|
-webkit-box-orient: vertical;
|
|
}
|
|
|
|
.items .item .num {
|
|
margin-top: 0.25rem;
|
|
padding-left: 0.469rem;
|
|
font-size: 0.625rem;
|
|
color: #333;
|
|
}
|
|
|
|
.send {
|
|
height: 2.5rem;
|
|
background-color: #f14e4e;
|
|
border-radius: 0.469rem;
|
|
position: fixed;
|
|
left: 2.2rem;
|
|
right: 2.2rem;
|
|
bottom: 1.563rem;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
color: #fff;
|
|
transition: 0.3s;
|
|
}
|
|
|
|
.send:active {
|
|
background-color: #ef3b3b;
|
|
}
|
|
|
|
.float {
|
|
position: fixed;
|
|
left: 0.84rem;
|
|
bottom: 5rem;
|
|
}
|
|
|
|
.float .btn {
|
|
width: 2.813rem;
|
|
height: 2.813rem;
|
|
margin-top: 0.5rem;
|
|
}
|
|
|
|
.float .btn image {
|
|
width: 2.813rem;
|
|
height: 2.813rem;
|
|
}
|