Ionic2學習筆記(1) 新建乙個頁面

2021-08-06 07:18:36 字數 1003 閱讀 9851

命令:ionic g page newpage

控制台提示一句話:

@import "..\pages\new-page\new-page.scss";

在裡面增加一句:

自此,我們就新建了乙個頁面,在專案目錄下,你會找到這樣乙個資料夾:

我們在new-page.html中寫一些東西:

展示頁面的內容:

命令:ionic serve -l,

在chrome瀏覽器中模擬的效果:

我們還可以在頁面中增加更多的元素,ionic2提供了豐富的元件和樣式供選擇

比如:

修改new-page.html頁面:

重新執行程式:

命令:ionic serve -l

更多樣式:ionic component documentation - ionic framework

ionic2長列表返回頂端控制項的乙個簡單實現

ionic2有ion infinite scroll元件可以讓我們方便的實現移動端的分頁查詢邏輯 上拉載入更多操作 可是在列表很長的時候,我們還需要乙個可以快速返回列表頂部的空間。scroll to top.component.html ion fab icon only class el stt ...

WTL學習筆記 新建乙個視窗檔案(2)

1建立流程 首先,新建乙個wtlproject的工程 選中標頭檔案資料夾 然後用組合鍵 ctrl shift a 新建乙個mainwindow.h的標頭檔案新增到 標頭檔案 資料夾中。pragma once 一般由編譯器提供保證 同乙個檔案不會被包含多次。注意這裡所說的 同乙個檔案 是指物理上的乙個...

ionic2入門教程(七)來乙個五星評分

系列教程看這裡 ionic2入門教程 一 安裝和環境配置 ionic2入門教程 二 高階配置 android打包 ionic2入門教程 三 高仿網易公開課 1 ionic2入門教程 四 解讀目錄結構 ionic2入門教程 五 如何使用ionicpage 請您對我們的服務評分 indx 1 style...