在pages 新建一個頁面 ，然后 
，選擇默然模板 然后在里面寫一個文本即可：
然后我們打開 
在里面有個pages ，和微信小程序一樣 誰是最先那么就是啟動頁，這個自己弄。
然后有個style 屬性 ，這個style屬性就是設置這個頁面的一些樣式，注意是頁面的 不是全局的，你嘗試把 navigationBarTitleText 更換一下，這個就是頁面的標題，enablePullDownRefresh 表示是否
下拉刷新 默認是假，這些都和微信小程序差不多的 。
全局的配置項屬性列表：
| 屬性 | 類型 | 必填 | 描述 | 平台兼容 |
|---|---|---|---|---|
| globalStyle | Object | 否 | 設置默認頁面的窗口表現 | |
| pages | Object Array | 是 | 設置頁面路徑及窗口表現 | |
| easycom | Object | 否 | 組件自動引入規則 | 2.5.5+ |
| tabBar | Object | 否 | 設置底部 tab 的表現 | |
| condition | Object | 否 | 啟動模式配置 | |
| subPackages | Object Array | 否 | 分包加載配置 | |
| preloadRule | Object | 否 | 分包預下載規則 | 微信小程序 |
| workers | String | 否 | Worker 代碼放置的目錄 |
微信小程序 |
| leftWindow | Object | 否 | 大屏左側窗口 | H5 |
| topWindow | Object | 否 | 大屏頂部窗口 | H5 |
| rightWindow | Object | 否 | 大屏右側窗口 | H5 |
這里講一下這個 globalStyle
這個globalStyle 里面是一些全局的默認頁面的窗口表現配置：
用於設置應用的狀態欄、導航條、標題、窗口背景色等。
| 屬性 | 類型 | 默認值 | 描述 | 平台差異說明 |
|---|---|---|---|---|
| navigationBarBackgroundColor | HexColor | #F7F7F7 | 導航欄背景顏色（同狀態欄背景色） | APP與H5為#F7F7F7，小程序平台請參考相應小程序文檔 |
| navigationBarTextStyle | String | white | 導航欄標題顏色及狀態欄前景顏色，僅支持 black/white | |
| navigationBarTitleText | String | 導航欄標題文字內容 | ||
| navigationStyle | String | default | 導航欄樣式，僅支持 default/custom。custom即取消默認的原生導航欄，需看使用注意 | 微信小程序 7.0+、百度小程序、H5、App（2.0.3+） |
| backgroundColor | HexColor | #ffffff | 下拉顯示出來的窗口的背景色 | 微信小程序 |
| backgroundTextStyle | String | dark | 下拉 loading 的樣式，僅支持 dark / light | 微信小程序 |
| enablePullDownRefresh | Boolean | false | 是否開啟下拉刷新，詳見頁面生命周期。 | |
| onReachBottomDistance | Number | 50 | 頁面上拉觸底事件觸發時距頁面底部距離，單位只支持px，詳見頁面生命周期 | |
| backgroundColorTop | HexColor | #ffffff | 頂部窗口的背景色（bounce回彈區域） | 僅 iOS 平台 |
| backgroundColorBottom | HexColor | #ffffff | 底部窗口的背景色（bounce回彈區域） | 僅 iOS 平台 |
| titleImage | String | 導航欄圖片地址（替換當前文字標題），支付寶小程序內必須使用https的圖片鏈接地址 | 支付寶小程序、H5、APP | |
| transparentTitle | String | none | 導航欄整體（前景、背景）透明設置。支持 always 一直透明 / auto 滑動自適應 / none 不透明 | 支付寶小程序、H5、APP |
| titlePenetrate | String | NO | 導航欄點擊穿透 | 支付寶小程序、H5 |
| pageOrientation | String | portrait | 橫屏配置，屏幕旋轉設置，僅支持 auto / portrait / landscape 詳見 響應顯示區域變化 | App 2.4.7+、微信小程序 |
| animationType | String | pop-in | 窗口顯示的動畫效果，詳見：窗口動畫 | App |
| animationDuration | Number | 300 | 窗口顯示動畫的持續時間，單位為 ms | App |
| app-plus | Object | 設置編譯到 App 平台的特定樣式，配置項參考下方 app-plus | App | |
| h5 | Object | 設置編譯到 H5 平台的特定樣式，配置項參考下方 H5 | H5 | |
| mp-alipay | Object | 設置編譯到 mp-alipay 平台的特定樣式，配置項參考下方 MP-ALIPAY | 支付寶小程序 | |
| mp-weixin | Object | 設置編譯到 mp-weixin 平台的特定樣式 | 微信小程序 | |
| mp-baidu | Object | 設置編譯到 mp-baidu 平台的特定樣式 | 百度小程序 | |
| mp-toutiao | Object | 設置編譯到 mp-toutiao 平台的特定樣式 | 字節跳動小程序 | |
| mp-qq | Object | 設置編譯到 mp-qq 平台的特定樣式 | QQ小程序 | |
| mp-kuaishou | Object | 設置編譯到 mp-kuaishou 平台的特定樣式 | 快手小程序 | |
| usingComponents | Object | 引用小程序組件，參考 小程序組件 | ||
| renderingMode | String | 同層渲染，webrtc(實時音視頻) 無法正常時嘗試配置 seperated 強制關掉同層 | 微信小程序 | |
| leftWindow | Boolean | true | 當存在 leftWindow 時，默認是否顯示 leftWindow | H5 |
| topWindow | Boolean | true | 當存在 topWindow 時，默認是否顯示 topWindow | H5 |
| rightWindow | Boolean | true | 當存在 rightWindow 時，默認是否顯示 rightWindow | H5 |
| rpxCalcMaxDeviceWidth | Number | 960 | rpx 計算所支持的最大設備寬度，單位 px | App、H5（2.8.12+） |
| rpxCalcBaseDeviceWidth | Number | 375 | rpx 計算使用的基准設備寬度，設備實際寬度超出 rpx 計算所支持的最大設備寬度時將按基准寬度計算，單位 px | App、H5（2.8.12+） |
| rpxCalcIncludeWidth | Number | 750 | rpx 計算特殊處理的值，始終按實際的設備寬度計算，單位 rpx | App、H5（2.8.12+） |
| maxWidth | Number | 單位px，當瀏覽器可見區域寬度大於maxWidth時，兩側留白，當小於等於maxWidth時，頁面鋪滿；不同頁面支持配置不同的maxWidth；maxWidth = leftWindow(可選)+page(頁面主體)+rightWindow(可選) | H5（2.9.9+） |
注意
- 支付寶小程序使用
titleImage時必須使用https的圖片鏈接地址，需要真機調試才能看到效果，支付寶開發者工具內無效果 globalStyle中設置的titleImage也會覆蓋掉pages->style內的設置文字標題- 使用
maxWidth時，頁面內fixed元素需要使用--window-left,--window-right來保證布局位置正確