2012年6月7日 星期四

小 winwin 飲料店之畫面設計

今天晚上原本要來弄一個小練習,所以下午就很興奮地,畫了一個簡陋版型,
原本只打算做"我要訂飲料"的頁面部分,後來晚上去參加送舊舞會就... 沒把他弄完了
所以只能有機會再來弄了...

首頁畫面:
主要分為四個超連結
分別是菜單(飲料的list),然後 我要訂飲料就是這次練習的表單主要的功能,在來是訂單查詢,在訂飲料的表單中會讓使用者輸入基本資料,其中姓名與電話為登入的主要資訊,再來是QnA


這個是訂單的畫面,上方為使用者輸入基本資訊,下方為訂購表單,
訂購表單分別為品名數量甜度與冰塊,品名由資料庫取出飲料的名稱,作為下拉選單。
接著送出後到下一頁。



這一頁為訂購成功後的畫面,如果可以的話比較喜歡以jquery的套件做彈跳式的畫面出現,
個人比較喜歡這種質感xdd,所以才設計這樣的DEMO畫面。

沒有留言:

張貼留言

若你看的文章,時間太久遠的問題就別問了,因為我應該也忘了... XD

Vue multiselect set autofocus and tinymce set autofocus

要在畫面一進來 focus multiselect 的方式: 參考: https://jsfiddle.net/shentao/mnphdt2g/ 主要就是在 multiselect 的 tag 加上 ref (例如: my_multiselect), 另外在 mounted...