Files
doodle-mini/miniprogram/components/word-input/word-input.less
T

40 lines
876 B
Plaintext

.word-input-container {
display: flex;
flex-direction: row;
width: 100%;
border-radius: 20rpx;
background-color: #f8f8f8;
align-items: center;
.word-input-icon {
// border: 1px solid red;
padding: 22rpx;
}
.word-input {
flex: 1;
height: 92rpx;
padding-right: 20rpx;
// padding: 0 20rpx 0 10rpx;
font-size: 28rpx;
line-height: 92rpx;
}
.btn-word-add {
box-sizing: border-box;
display: inline-flex;
align-items: center;
justify-content: center;
height: 72rpx;
padding: 0 24rpx;
background: rgba(255, 215, 25, 1);
border-radius: 20rpx;
font-size: 28rpx;
color: #fff;
margin-right: 10rpx;
&.active {
background-color: rgba(255, 215, 25, 0.8);
}
}
}