105 lines
2.0 KiB
Plaintext
105 lines
2.0 KiB
Plaintext
.content.data-v-665bd5fd {
|
|
background-color: #fff;
|
|
border-radius: 20rpx;
|
|
margin-bottom: 15vh;
|
|
overflow: hidden;
|
|
padding: 50rpx;
|
|
width: 625rpx;
|
|
}
|
|
.content .close.data-v-665bd5fd {
|
|
height: 30rpx;
|
|
padding: 20rpx;
|
|
position: absolute;
|
|
right: 20rpx;
|
|
top: 20rpx;
|
|
width: 30rpx;
|
|
}
|
|
.content .popup-title.data-v-665bd5fd {
|
|
color: #333;
|
|
font-size: 32rpx;
|
|
font-weight: 700;
|
|
text-align: center;
|
|
}
|
|
.content .input-content.data-v-665bd5fd {
|
|
background-color: #f7f7f7;
|
|
border-radius: 10rpx;
|
|
height: 90rpx;
|
|
margin-top: 50rpx;
|
|
padding: 0 20rpx;
|
|
}
|
|
.content .input-content .input.data-v-665bd5fd,
|
|
.content .input-content.data-v-665bd5fd {
|
|
align-items: center;
|
|
display: -webkit-flex;
|
|
display: flex;
|
|
position: relative;
|
|
}
|
|
.content .input-content .input.data-v-665bd5fd {
|
|
flex-grow: 1;
|
|
font-size: 32rpx;
|
|
overflow-y: scroll;
|
|
}
|
|
.content .input-content .input .placeholder.data-v-665bd5fd {
|
|
color: silver;
|
|
left: 0;
|
|
position: absolute;
|
|
}
|
|
.content .input-content .input .cursor.data-v-665bd5fd {
|
|
animation: cursor-blinks-665bd5fd 1.5s step-start infinite;
|
|
background: #1f68e9;
|
|
height: 40rpx;
|
|
width: 4rpx;
|
|
}
|
|
.content .input-content .clear.data-v-665bd5fd {
|
|
flex-shrink: 0;
|
|
height: 32rpx;
|
|
padding: 0 10rpx 0 20rpx;
|
|
width: 32rpx;
|
|
}
|
|
.content .input-content .input-length.data-v-665bd5fd {
|
|
color: #232323;
|
|
flex-shrink: 0;
|
|
font-size: 26rpx;
|
|
}
|
|
.content .button.data-v-665bd5fd {
|
|
align-items: center;
|
|
background-color: #1f68e9;
|
|
border-radius: 100rpx;
|
|
color: #fff;
|
|
display: -webkit-flex;
|
|
display: flex;
|
|
font-size: 30rpx;
|
|
font-weight: 700;
|
|
height: 80rpx;
|
|
justify-content: center;
|
|
margin-top: 50rpx;
|
|
}
|
|
@-webkit-keyframes cursor-blinks-665bd5fd {
|
|
0% {
|
|
display: block;
|
|
opacity: 1;
|
|
}
|
|
50% {
|
|
display: none;
|
|
opacity: 0;
|
|
}
|
|
to {
|
|
display: block;
|
|
opacity: 1;
|
|
}
|
|
}
|
|
@keyframes cursor-blinks-665bd5fd {
|
|
0% {
|
|
display: block;
|
|
opacity: 1;
|
|
}
|
|
50% {
|
|
display: none;
|
|
opacity: 0;
|
|
}
|
|
to {
|
|
display: block;
|
|
opacity: 1;
|
|
}
|
|
}
|