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.
132 lines
2.3 KiB
132 lines
2.3 KiB
/**index.wxss**/
|
|
.qrcode {
|
|
display: flex;
|
|
align-items: center;
|
|
flex-wrap: wrap;
|
|
box-sizing: border-box;
|
|
padding: 30rpx 0;
|
|
margin: 30rpx;
|
|
background: linear-gradient(to left, #72BEFC, #419AFE);
|
|
border-radius: 30rpx;
|
|
text-align: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.qrimg {
|
|
width: 80rpx;
|
|
}
|
|
|
|
.qrimg image {
|
|
width: 100%;
|
|
}
|
|
|
|
.qrcode .text {
|
|
text-align: left;
|
|
margin-left: 20rpx;
|
|
color: #fff;
|
|
}
|
|
|
|
|
|
.roomlist{
|
|
padding: 30rpx;
|
|
box-sizing: border-box;
|
|
}
|
|
.cu-item{
|
|
padding: 10rpx 0;
|
|
position: relative;
|
|
/* display: flex; */
|
|
/* padding-right: 10rpx; */
|
|
/* height: 140rpx; */
|
|
background-color: #ffffff;
|
|
/* justify-content: flex-end; */
|
|
align-items: center;
|
|
transition: all .6s ease-in-out 0s;
|
|
-webkit-transform: translateX(0rpx);
|
|
transform: translateX(0rpx);
|
|
/* border-bottom: 2rpx solid #eee; */
|
|
box-shadow: 2px 2px 10px #d6d7d8;
|
|
border-radius: 15px;
|
|
box-sizing: border-box;
|
|
}
|
|
.cu-avatar{
|
|
position: absolute;
|
|
left: 30rpx;
|
|
}
|
|
.cu-item .content{
|
|
/* position: absolute;
|
|
left: 146rpx;
|
|
width: calc(100% - 96rpx - 60rpx); */
|
|
line-height: 1.5em;
|
|
}
|
|
.cu-item .content .text-gray{
|
|
font-size: 30rpx;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.cu-item .content .text-gray .margin-right-xs{
|
|
font-size: 24rpx;
|
|
color: #555;
|
|
font-weight: bold;
|
|
display: -webkit-box;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-line-clamp: 2;
|
|
white-space: wrap;
|
|
overflow: hidden;
|
|
}
|
|
.cu-item .content .text-gray .text-cut .colorhui{
|
|
color: #666;
|
|
}
|
|
.cu-item .text-green{
|
|
color: #f37b1d;
|
|
font-size: 54rpx;
|
|
position: absolute;
|
|
left: 30rpx;
|
|
}
|
|
.cu-item .text-orange{
|
|
font-size: 54rpx;
|
|
color: #39b54a;
|
|
}
|
|
|
|
.selectRoom{
|
|
padding: 0 30rpx;
|
|
}
|
|
.selectRoom picker{
|
|
font-size: 28rpx;
|
|
display: inline-block;
|
|
margin: 0 10rpx;
|
|
}
|
|
|
|
.selectRoom .jt{display: inline-block;color: #333;}
|
|
.formbutton{
|
|
border-radius: 30rpx;
|
|
text-align: center;
|
|
/* display: inline-block; */
|
|
display: flex;
|
|
flex-wrap: nowrap;
|
|
position: fixed;
|
|
bottom: 20rpx;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
width: 90%;
|
|
overflow: hidden;
|
|
}
|
|
.formbutton view{
|
|
display: inline-block;
|
|
width: 50%;
|
|
background: #02BFFF;
|
|
color: #fff;
|
|
padding: 20rpx 0;
|
|
}
|
|
.formbutton .color-ff976a{
|
|
background: #ff976a;
|
|
}
|
|
.formbutton image{
|
|
width: 100rpx;
|
|
}
|
|
|
|
.modify-password{
|
|
position: absolute;
|
|
right: 20px;
|
|
bottom: 100px;
|
|
|
|
}
|