32 lines
1.8 KiB
Plaintext
32 lines
1.8 KiB
Plaintext
|
/* pages/messages/messages.wxss */
|
||
|
page{background: #fff;}
|
||
|
.tab-box{width: 100%;padding:0 30rpx;border-bottom: 1px solid #ececec;height:40px ;line-height: 40px;align-items: center;}
|
||
|
.search-box{width: 65%;background-color: #ececec;display: flex;justify-content: flex-start;align-items: center;padding: 5rpx 20rpx;border-radius:50rpx;}
|
||
|
.input-box{background:none;width: calc(100% - 100rpx );padding-left:10rpx;font-size: 13px;color: #666;}
|
||
|
.icon{width: 40rpx;height: 40rpx;}
|
||
|
.box{width: 100%;flex-wrap: wrap;}
|
||
|
/* #left,#right{width: 49%;} */
|
||
|
#left,#right{
|
||
|
width: 49%;
|
||
|
float: left;
|
||
|
}
|
||
|
#left{
|
||
|
margin-right: 2%;
|
||
|
/* margin-left:24rpx; */
|
||
|
}
|
||
|
.clearfix:after {
|
||
|
content: ".";
|
||
|
display: block;
|
||
|
height: 0;
|
||
|
clear: both;
|
||
|
visibility: hidden;
|
||
|
}
|
||
|
.piece{width: 100%;border-bottom: 1px solid #eee;display: flex;justify-content: space-between;position: relative;}
|
||
|
.con-box{padding:0 20rpx 20rpx;width: 100%;box-shadow: 0 0 20rpx rgba(0, 0, 0, 0.06);margin-top: 20rpx;position: relative;}
|
||
|
.content{width: calc(100% - 270rpx);padding: 20rpx 0;flex-direction: column;justify-content: space-between;}
|
||
|
/* cate */
|
||
|
.cate-box {display: flex;justify-content: flex-start;align-items: start;flex-wrap: wrap;padding: 0 20rpx;}
|
||
|
.cate {padding: 14rpx 24rpx;background-color: #f6f6f6;color: #333;margin-right: 14rpx;margin-bottom: 14rpx;border-radius: 6rpx;}
|
||
|
.cate-active {color: #4f91ff !important;background-color: rgba(79, 145, 255, 0.2) !important;}
|
||
|
.mask{width: 100%;height: 100%;position: fixed;top: 0;left: 0;display: flex;justify-content: center;align-items: center;flex-direction: column;z-index: 9998;background: rgba(0, 0, 0, 0.6);}
|
||
|
.mask .save-button{width: 600rpx;height: 90rpx;background: linear-gradient(to right, #ffd01e, #ff8917);border-radius: 50rpx;display: flex;justify-content: center;align-items: center;color: #fff;font-size: 30rpx;margin-top: 50rpx;}
|