taro/src/features/journal/components/journal_cover.scss

.journal_cover_bg{
    //style={{ marginRight: rpxToPx(24),marginBottom:-rpxToPx(4),display:'flex',flexShrink:0 }}
    display: flex;
    margin-right: 24px;
    margin-bottom: -4px;
    display: flex;
    flex-shrink: 0;
    height: 178px;
}
.single {
    width: 178px;
    height: 178px;
    background-color: #f5f5f5;
}

.double {
    display: flex;
    flex-direction: row;
}

.half_img {
    width: 88px;
    height: 178px;
    background-color: #f5f5f5;
}

.half_top_down {
    display: flex;
    flex-direction: column;
    // justify-content: space-between;
    height: 178px;
}

.quarter_img {
    height: 88px;
    width: 88px;
    background-color: #f5f5f5;
}

.five_1 {
    width: 118px;
    height: 118px;
    background-color: #f5f5f5;
}

.seven_1{
    width: 58px;
    height: 118px;
    background-color: #f5f5f5;
}

.five_2 {
    width: 58px;
    height: 118px;
    background-color: #f5f5f5;
}

.nine_img {
    width: 58px;
    height: 58px;
    background-color: #f5f5f5;
}

.journal_space{
    width: 2px;
    height: 2px;
    flex-shrink: 0;
}