/* pages/message/message.wxss */ page{ padding: 30rpx 30rpx 160rpx; background: #F7F7F7; } .list{ position: relative; margin-bottom: 80rpx; float: left; width: 100%; } .list:last-child{ padding-bottom: 160rpx; width: 100%; } .post{ position: fixed; padding: 24rpx 30rpx 50rpx; bottom: 0; left: 0; background: #fff; z-index: 9; border-top: 1px solid rgba(245, 245, 245, 1); display: flex; justify-content: space-between; width: 100%; } .post input{ width: 62%; height: 64rpx; border: 1px solid rgba(224, 224, 224, 1); border-radius: 9rpx; font-size: 30rpx; color: #333; padding: 0 16rpx; margin-bottom: 24rpx; } .post button:not([size='mini']){ height: 64rpx; width: 124rpx !important; background: #D94B24; border-radius: 8rpx; line-height: 64rpx; font-size: 30rpx; color: #fff; padding: 0; font-weight: 400; margin: 0; } .wzhead{ width: 64rpx; height: 64rpx; border-radius: 100%; float: left; } .wz .content{ background: #fff; padding: 20rpx; font-size: 30rpx; line-height: 48rpx; margin-left: 20rpx; border-radius: 8rpx; } .huipic{ max-width: 80%; margin-left: 20rpx; border-radius: 8rpx; } .wz>view{ max-width: 80%; float: left; } .mehead{ width: 64rpx; height: 64rpx; border-radius: 100%; float: right; } .me .content{ background: #fff; padding: 20rpx; font-size: 30rpx; line-height: 48rpx; float: right; margin-right: 20rpx; border-radius: 8rpx; max-width: 80%; } .me .contentimage{ float: right; max-width: 80%; margin-right: 20rpx; border-radius: 8rpx; } .name{ display: block; font-size: 28rpx; margin-left: 20rpx; margin-bottom: 20rpx; } .subscribe{ position: fixed; padding: 24rpx 30rpx 80rpx; bottom: 180rpx; left: 0; background: #fff; z-index: 9; border-top: 1px solid rgba(245, 245, 245, 1); display: flex; justify-content: space-between; width: 100%; height: 34rpx; } .subscribe .notice{ width: 34rpx; height: 34rpx; position: absolute; left: 10px; top: 35rpx; } .subscribe .noticeMsg{ padding-left:60rpx; color: red; } .add{ width: 64rpx; height: 64rpx; }