【店舗詳細】取扱商品 #32

[YukiTodate]

概要

• 取扱商品カードの実装

詳細

• Paperを用いて外枠を描画する
• 「取扱商品」の項目はListsで構成されており、各行はクリック可能なListItemで構成されている
• ListDividersを用いて、ListItem同士の境界線を描画する
• 「登録数」の行は店舗ごとに登録されている商品の数を表示する
• 「登録数」の行をクリックすると「店舗ごとの取扱商品一覧」画面(/shops/[id]/sweets)に遷移する

モック

• 取扱商品の部分

モック