knaka Tech-Blog

AI, IoT, DIYエレクトロニクス, データサイエンスについて投稿予定です。

更新、チャット機能のレイアウト修正しました。 #webプッシュでチャット機能　#php #Laravel #Vue.js

Laravel Vue.js php

index:

概要

前の　firebase Cloud Messagingで web push通知対応のチャット機能で
レイアウト変更の、アップデートとなります。

画面

f:id:knaka0209:20200331113054p:plain

詳細モーダル画面を、追加しました。

・各行を、クリックすると。モーダル起動
・自分の投稿は、削除の機能を追加。

f:id:knaka0209:20200401152617p:plain

更新内容

・ リストは、上から最新表示
・ 自分の投稿、背景の変更
・ 投稿者の、アイコン。名前を。表示
・ 投稿日時を、追加
・ 投稿表示部分のBot-UI ライブラリ廃止。Vue.js で新規作成
・ 入力　部分、上に、移動

参考のコード

github.com

参考のページ

knaka0209.hatenablog.com

Update

・2020/04/01
UI調整
チャット詳細画面, メンバー/一覧追加