После настройки textarea input в пользовательском интерфейсе Element для автоматического размещения высота по умолчанию составляет 33 , что не соответствует дизайну.
Стиль по умолчанию
查检элементы в браузере и найдите
Высота контролируется height и min-height textarea в коробке. Положение текста в коробке управляется padding .
Непосредственно изменить height и padding текстового поля, чтобы увидеть, работает ли она
Добавьте в全局样式:
$ inputheight: 38px; $ inputfontsize: 16px; .el-textarea {textarea {padding: 8px; // Установить высоту накладки: $ inpitheight; // Установить высоту font-size: $ inputFontsize; высота линии: 21px; }}После пересмотра я обнаружил, что:
Интересно, height этого текстового поля контролируется встроенным стилем.
Столкнулся с этой проблемой, я сделал две попытки
!важный Установить height !important , высота изменилась, но она не может автоматически расширить
-> сдавайся
MyTextarea文本框随内容扩展компонент textarea
-> Не предпочтительное использование
Заполнение определяет высоту Во время процесса отладки было обнаружено, что начальная высота autosize textarea в Element UI изменится со значением padding .
Таким образом, я отрегулировал размер padding в браузере до тех пор, пока он не поддерживает высоту, соответствует высоте, необходимой на figma
Затем измените padding в глобальном стиле на соответствующее значение
$ inputfontsize: 16px; .el-textarea {textarea {padding: 7,5px 0 7,5px 8px; // просто изменить заполнение здесь, чтобы повлиять на высоту текстового размер шрифта: $ inputFontsize; высота линии: 21px; }} СуммироватьЭто конец этой статьи о том, как установить высоту для Autosize Textarea в пользовательском интерфейсе Element. Для получения более связанных элементов пользовательского интерфейса AITOSIZE TEXTAREA, пожалуйста, найдите предыдущие статьи с wulin.com или продолжайте просматривать соответствующие статьи ниже. Я надеюсь, что все будут поддерживать wulin.com в будущем!