外賣案例_第一講_搭建頁面框架

---

1 第一講 搭建頁面框架
1.1 概要

1.2 新建頁面

1.3 製作上下兩端固定的頁面

1.4 在頁面上端放標題欄

1.5 在頁面下端放導航欄

風格 = x-card 卡片風格，表示 中間 有條橫線。。。。
排列方式 可以把按鈕 橫向 撐滿螢幕。。。。

在按鈕上 增加相應圖片和文字。。。。

上下排列 可以調整 class屬性。。。圖示位置。。。

1.6 在頁面中部放多個內容頁

按鈕關聯Content

1.7 打包成App

模式3 有利於本地除錯。。。。

注: waimai 目錄不打勾，表示 不把目錄打包到 app裡去。。。

建立的結果 是在 Native目錄 下 多了個 waimai 目錄。。。。

生成的App 就可以用 手機 進行 二維碼掃描。。。

推薦使用 UC瀏覽器 裡頭的 掃一掃。。。

這裡 使用 夜神模擬器 來測試。。。。