press-pix
Version:
基于 PixUI 的 Press 组件库
101 lines (86 loc) • 1.77 kB
text/less
.pmg-confirm-dialog {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
width: 100%;
height: 100%;
}
.pmg-textarea-wrap{
position: relative;
}
.pmg-dialog-box {
position: relative;
padding: .12rem .16rem;
width: 7.2rem;
height: 2.7rem;
border: .01rem solid rgba(255, 255, 255, .3);
background-color: rgba(36, 36, 36,.5);
// 设置placeholder 颜色大小
::-moz-placeholder {
font-size: .22rem;
color: rgba(255, 255, 255, .5);
}
::-webkit-input-placeholder {
font-size: .22rem;
color: rgba(255, 255, 255, .5);
}
::-ms-input-placeholder {
font-size: .22rem;
color: rgba(255, 255, 255, .5);
}
.pmg-input-text-warp {
position: relative;
width: 100%;
height: 0.3rem;
line-height: 1;
color: rgba(255, 255, 255, .7);
font-size: .22rem;
caret-color: #a1fff6; // 光标颜色
text-align: left;
}
}
.pmg-dialog-word-num {
position: absolute;
right: .16rem;
bottom: .12rem;
font-size: .22rem;
color: rgba(255, 255, 255, .7);
}
.pmg-input-text-warp-opacity{
opacity: 0;
color: transparent;
}
.pmg-input-text {
height: 100%;
flex-direction: column;
display: flex;
width: 100%;
font-size: .22rem;
color: rgba(255, 255, 255, .7);
top: 0;
left: 0;
position: absolute;
overflow: scroll;
pointer-events: none;
.pmg-input-text-item{
display: block;
word-break: break-word;
flex-shrink: 0;
width: 100%;
text-align: left;
}
}
.pmg-input-placeholder {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
.pmg-input-placeholder-item {
font-size: .22rem;
color: rgba(255, 255, 255, .5);
text-align: left;
word-break: break-word;
}
}