.sectionVideo { position: relative; line-height: 0; overflow: visible !important; margin-bottom: 24px !important; .videoBg { width: 100%; height: 160px; object-fit: cover; border-radius: 10px; } .btnGroup { position: absolute; left: 50%; bottom: -12px; background: linear-gradient(180deg, rgba(128, 158, 200, 0.59) 0%, rgba(58, 101, 162, 0.59) 100%); border-radius: 15px; height: 30px; // transform: translate(-50%); display: flex; align-items: center; flex: 1; font-size: 12px; font-weight: 500; color: #FFFFFF; line-height: 17px; width: 300px; margin: 0 0 0 -150px; &>div { flex: 1; text-align: center; display: flex; align-items: center; justify-content: center; } .btnCropper { border-left: 1px solid #fff; &::before { content: ''; width: 16px; height: 16px; display: inline-block; background: url('../images/icon-cropper.png') no-repeat center; background-size: contain; margin-right: 4px; } } .btnImg { // &::before { // content: ''; // width: 16px; // height: 16px; // display: inline-block; // background: url('../images/icon-image.png') no-repeat center; // background-size: contain; // margin-right: 4px; // } :global { .van-icon { display: flex; align-items: center; &::before { content: ''; width: 16px; height: 16px; display: inline-block; background: url('../images/icon-image.png') no-repeat center; background-size: contain; margin-right: 4px; } &::after { content: '相册获取封面'; font-size: 12px; color: #fff; } img { display: none; } } } } } } .section { margin: 12px 13px; background: #FFFFFF; border-radius: 10px; overflow: hidden; font-size: 16px; :global { .van-field__control::placeholder { color: #aaa; } } } .sectionFile { padding: 12px; display: flex; :global { .van-uploader { --upload-file-size: 62px; } .van-uploader__upload { margin: 0; } } .muploader { position: relative; z-index: 9; } .uploadImg { position: relative; border-radius: 8px; margin-right: 16px; .tip { position: absolute; bottom: 0; left: 0; right: 0; z-index: 10; background: #000000; opacity: 0.37; font-size: 13px; color: #FFFFFF; line-height: 18px; text-align: center; border-radius: 0 0 8px 8px; pointer-events: none; } &::before { content: ''; background: url('../images/audio-pan.png') no-repeat center; background-size: contain; position: absolute; top: 0; right: -6px; z-index: 1; width: 60px; height: 60px; } } .musicDetail { display: flex; justify-content: center; flex-direction: column; .musicName { font-size: 16px; font-weight: 600; color: #131415; line-height: 22px; } .username { padding-top: 4px; font-size: 14px; color: #777777; line-height: 20px; } } } .btnGroup { margin: 32px 24px 12px; }