목록Enter (1)

Enjoy Programming

Cocoa Talk 7 - 4 chat.html

이제 할일은 아래 텍스트 입력창과 키보드를 만드는 일이다~ 먼저 텍스트를 입력해서 전송할 것이기 때문에(여기서는 백단은 하지 않으므로 보이기만) reply클래스의 form태그를 생성한다 form태그 안에 plus버튼의 칼럼과 채팅창과 이모티콘 엔터를 입력할 칼럼 두개를 만들어주자 div.reply__column * 2를 만들고서 첫번째 칼럼에는 +아이콘을 배치해주고 두번째 칼럼은 텍스트를 입력할 input을 만들어준다 input아래에는 스마일 아이콘과 입력버튼을 만들고 버튼안에 다시 arrow아이콘을 넣는다. 이제 꾸미기만 하면 된다. 입력창은 하단에 고정이되어야 하기 때문에 fixed해주고 가장하단부분인 bottom 0으로 값을 준다. width가 설정이 안되어 있으니 100% 배경화면은 흰색으로 바꾸..
Clone Coding/cocoaTalk 2021. 4. 4. 13:08
이전 Prev 1 Next 다음