.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; }