114 lines
2.0 KiB
Plaintext
114 lines
2.0 KiB
Plaintext
/* packageC/components/audio-upload/audio-upload.wxss */
|
|
.audio-upload {
|
|
display: flex;
|
|
height: 108rpx;
|
|
align-items: center;
|
|
border-bottom: 1rpx solid #e5e5e5;
|
|
}
|
|
.audio-upload .left {
|
|
display: flex;
|
|
align-items: center;
|
|
margin-right: 20rpx;
|
|
}
|
|
.audio-upload .right {
|
|
display: flex;
|
|
justify-content: end;
|
|
flex: 1;
|
|
}
|
|
.audio-upload .right .audio-button {
|
|
height: 48rpx;
|
|
line-height: 48rpx;
|
|
width: 120rpx;
|
|
border-radius: 8rpx;
|
|
font-size: 12px;
|
|
color: #f14e4e;
|
|
border: solid 1rpx #f14e4e;
|
|
margin-left: 20rpx;
|
|
}
|
|
.audio-upload .right .audio-button:last-child {
|
|
background: #f14e4e;
|
|
color: #fff;
|
|
}
|
|
|
|
.record-popup .record-time {
|
|
padding: 56px 0 20px;
|
|
font-size: 17px;
|
|
color: #4ba5fd;
|
|
}
|
|
.record-popup .record-main {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-around;
|
|
}
|
|
.record-popup .record-main .record-btn {
|
|
width: 125px;
|
|
height: 125px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
position: relative;
|
|
}
|
|
.record-popup .record-main .icon-video_recording,
|
|
.record-popup .record-main .icon-fontclass-bofang {
|
|
background: #fff;
|
|
z-index: 9;
|
|
border-radius: 50%;
|
|
}
|
|
.animate{
|
|
/* position: relative; */
|
|
}
|
|
.animate view {
|
|
border: 1px solid #4ba5fd;
|
|
position: absolute;
|
|
border-radius: 50%;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform:translate(-50%,-50%);
|
|
-webkit-animation: opac 4s infinite;
|
|
}
|
|
|
|
@-webkit-keyframes opac {
|
|
from {
|
|
opacity: 1;
|
|
width: 0;
|
|
height: 0;
|
|
|
|
}
|
|
to {
|
|
opacity: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
}
|
|
.animate .w2 {
|
|
/*延迟1s*/
|
|
-webkit-animation-delay: 1s;
|
|
}
|
|
|
|
.animate .w3 {
|
|
-webkit-animation-delay: 2s;
|
|
}
|
|
|
|
.animate .w4 {
|
|
-webkit-animation-delay: 3s;
|
|
}
|
|
.iconfont {
|
|
font-family: "iconfont" !important;
|
|
font-size: 16px;
|
|
font-style: normal;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
.icon-fontclass-bofang:before {
|
|
content: "\ea2c";
|
|
}
|
|
.icon-all_filldelete:before {
|
|
content: "\e915";
|
|
}
|
|
.icon-video_recording:before {
|
|
content: "\e911";
|
|
}
|
|
.icon-wancheng:before {
|
|
content: "\e6a3";
|
|
}
|