料理ジャンルごとのメニュー表を作成

[ryota1116]

実装

各ジャンルの料理一覧画面をどのように表示させるか

• チェックボックスでフレンチ、和食、イタリアンとか選択した時に、表示するコンポーネントを切り替える
• チェックボックスを押すとスクロールバーでメニューを表示する？

料理名や写真などをどのように表示させるか

案1. スクロールバーの中の各料理(チェックボックス?)をクリックすると、モーダル(料理名、写真、予想金額、注文ボタン)を表示。
案2. スクロールバーの中で料理名、写真を表示。

[ryota1116]

Vueのカスタムスクロールバーに、こんなのあるらしいです。

• vuescroll
• vue-perfect-scrollbar

あと、ちょっと違うかもしれないですけど、こんなのも貼っておきます。

• グリッドスクロールバー

データテーブルも良さそう！ Vuetify データテーブル

[ryota1116]

これワンチャン料理名だけ表示させるなら、そんなにスクロールさせる必要もない可能性ありませんかね？ あ、でもフレンチなら前菜、メイン、デザートとかで結構なメニュー量になりうる？

案1. スクロールバーの中の各料理(チェックボックス?)をクリックすると、モーダル(料理名、写真、予想金額、注文ボタン)を表示。