123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124 |
- .tui-textarea__wrap {
- width: 100%;
- box-sizing: border-box;
- display: flex;
- flex-direction: row;
- flex: 1;
- align-items: center;
- position: relative;
- }
- .tui-textarea__flex-start {
- align-items: flex-start !important;
- }
- .tui-textarea__wrap::before {
- content: ' ';
- position: absolute;
- top: 0;
- right: 0;
- left: 0;
- border-top: 1px solid var(--thorui-line-color, rgba(0, 0, 0, 0.1));
- -webkit-transform: scaleY(0.5);
- transform: scaleY(0.5);
- -webkit-transform-origin: 0 0;
- transform-origin: 0 0;
- z-index: 2;
- pointer-events: none;
- }
- .tui-textarea__wrap::after {
- content: ' ';
- position: absolute;
- border-bottom: 1px solid var(--thorui-line-color, rgba(0, 0, 0, 0.1));
- -webkit-transform: scaleY(0.5);
- transform: scaleY(0.5);
- -webkit-transform-origin: 0 100%;
- transform-origin: 0 100%;
- bottom: 0;
- right: 0;
- left: 0;
- z-index: 2;
- pointer-events: none;
- }
- .tui-line__left::after {
- left: 30rpx !important;
- }
- .tui-border__top::before {
- border-top: 0;
- }
- .tui-border__bottom::after {
- border-bottom: 0;
- }
- .tui-textarea__required {
- position: absolute;
- left: 12rpx;
- height: 30rpx;
- top: 50%;
- -webkit-transform: translateY(-50%);
- transform: translateY(-50%);
- line-height: 1.15;
- }
- .tui-required__flex-start {
- -webkit-transform: translateY(0);
- transform: translateY(0);
- }
- .tui-textarea__label {
- padding-right: 12rpx;
- flex-shrink: 0;
- }
- .tui-textarea__self {
- flex: 1;
- width: 100%;
- overflow: visible;
- box-sizing: border-box;
- }
- .tui-placeholder {
- color: var(--thorui-text-color-placeholder, #ccc);
- overflow: visible;
- }
- .tui-placeholder {
- color: var(--thorui-text-color-placeholder, #ccc);
- overflow: visible;
- }
- .tui-textarea__border {
- border-radius: 4rpx;
- position: relative;
- border-width: 0;
- }
- .tui-textarea__border::after {
- content: ' ';
- position: absolute;
- height: 200%;
- width: 200%;
- border: 1px solid var(--thorui-border-color, #d1d1d1);
- -webkit-transform-origin: 0 0;
- transform-origin: 0 0;
- -webkit-transform: scale(0.5);
- transform: scale(0.5);
- left: 0;
- top: 0;
- border-radius: 8rpx;
- pointer-events: none;
- }
- .tui-textarea__flex-1 {
- flex: 1;
- }
- .tui-textarea__counter {
- padding-top: 8rpx;
- text-align: right;
- }
- .tui-text__right {
- text-align: right;
- }
|