wordPad-applet/miniprogram/component/documentItem/documentItem.wxss

/* component/documentItem/documentItem.wxss */
.topLayout {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.topLayout_ImgLayout {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.topLayout_ImgLayout_img {
    width: 70rpx;
    height: 70rpx;
    margin-left: 27rpx;
}

.topLayout_ImgLayout_text {
    font-size: 34rpx;
    margin-left: 37rpx
}

.topLayout_ImgLayout_more {
    height: 43rpx;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-right: 28rpx;
}

.topLayout_ImgLayout_more_img {
    width: 32rpx;
    height: 8rpx;
}

.timeLayout {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-top: 23rpx
}

.timeLayout_time {
    font-size: 28rpx;
    margin-left: 27rpx;
}

.timeLayout_download_text {
    margin-right: 25rpx;
    color: #64C55A;
    font-size: 28rpx;
}

.playerLayout {
    width: 100%;
    height: 425rpx;
    background-color: royalblue;
    margin-top: 22rpx;
}

.player {
    width: 100%;
    height: 100%;
}