/* pages/topics/common/goodIdea/cell/index.wxss */ .cell{ display: flex; flex-direction: row; padding: 10px; } .content-left{ width: 20px; height: 20px; border-radius: 50%; background-color: red; } .content-right{ width: 100%; display: flex; flex-direction: column; padding: 0 10px 0 10px; } .userInfo{ display: flex; flex-direction: row; align-items: center; padding: 0 0 5px 0; } .userName{ color: #66708B; font-size: 14px; } .goodIdeaIcon{ width: 30px; height: 15px; line-height: 10px; } .comment-time{ margin: 0 5px 0 5px; font-size: 12px; line-height: 12px; color: #D4D4D4; } .detail{ height: 200px; border-radius: 10px; background-color: #F8F8F8; } .detail-title{ padding: 10px; } .detail-userInfo{ display: flex; flex: row; justify-content: space-between; padding: 10px; } .detail-userInfo-left{ display: flex; flex: row; align-items: center; } .detail-user-icon{ width: 20px; height: 20px; border-radius: 50%; background-color: red; } .detail-userName{ margin: 0 5px 0 5px; font-size: 12px; color: #3B3B3B; } .detail-time { font-size: 12px; line-height: 12px; color: #D4D4D4; } .detail-userInfo-right{ display: flex; flex: row; align-items: center; margin-right: 10px; } .detail-comments-icon{ width: 20px; height: 15px; margin-right: 5px; border-radius: 5px; background-color: red; } .detail-commentNum{ font-size: 12px; color: #3B3B3B; } .detail-text{ color: #373737; }