.massMessage { --van-tab-active-text-color: var(--van-primary-color); --van-tab-text-color: #777; --van-tab-font-size: 16px; :global { .van-tab { font-weight: 600; } } .waitSend { font-weight: 500; color: var(--van-primary-color); font-size: 14px; :global { .van-cell__value { color: var(--van-primary-color); } } } .messageSend { color: #aaaaaa; :global { .van-cell__value { color: #aaaaaa; } } } .send { color: #aaa; :global { .van-cell__value { color: #aaa; } } } .time { font-weight: 500; display: flex; align-items: center; .clockO { margin-top: -2px; font-size: 18px; font-weight: 600; margin-right: 5px; } } .messageContent { font-size: 14px; text-align: left; color: #333; line-height: 21px; margin-bottom: 6px; } } .create-message { overflow: hidden; --van-tab-active-text-color: var(--van-primary-color); --van-tab-text-color: #333; --van-tab-font-size: 16px; :global { .van-tab { // font-weight: 400; } .van-tabs__wrap { // padding-bottom: 3px; } } .inputForm { :global { input { color: #f67146; } } } } .cellGroup { margin-top: 12px; margin-bottom: 12px; --van-uploader-size: 94px; :global { .van-cell { padding: 18px 15px; font-size: 16px; color: #333333; } .van-cell__right-icon { font-size: 13px; font-weight: bold; color: #d8d8d8; } } } .receives { padding-top: 6px !important; padding-bottom: 6px !important; &:last-child { padding-bottom: 18px !important; } .img { width: 40px; height: 40px; overflow: hidden; border-radius: 50%; margin-right: 12px; } } .sendObjPlaceholder { :global { .van-field__body { font-size: 14px; } } }