Ionic ตอนที่ 3. การใช้งาน Directive และ Class CSS ของ ionic จัด User Interface (UI)


ใน Chapter 3 นี้เราได้เพิ่มเนื้อหาเกี่ยวกับการทำหน้า View ที่เป็น Text ทดสอบ
กลายเป็นส่วนหนึ่งของ ionic concept โดยการใช้ Directive และ CSS ที่ ionic ได้เตรียมมาให้เราได้ใช้งาน
เพื่อจัดทำ User Interface ให้เหมาะสมสำหรับการทำ Mobile & Tablet Applicaton

ปล. Text ใน Video ด้านล่าของ Video นี้ครับ สามารถ Copy & Paste เพื่อทำตามได้เลยครับ



UI : User Interface

[ /www/templates/login.html ]

Ionic Directive

1. ion-view

2. ion-content

3. ion-nav-bar

4. ion-nav-title

5. ion-nav-buttons side="left/right"

==========================================================

Ionic CSS class component

@CSS -button

1. CSS class type : "button" *** Base ***

2. CSS class option : "button-full" * Option *

3. CSS class color : "button-dark" * Option *

@CSS - list & item

1. CSS class : "list" *** Base ***

2. CSS class : "list-inset" * Option *

3. CSS class : "item" *** Base ***

4. CSS class : "item-input" *** Base ***

5. CSS class : "input-label" *** Base ***

6. CSS class : "item-divider" * Option *

7. CSS class : "card"

- END -

แก้ไขล่าสุด วันที่ 13 พ.ค. 2559, 01:23

  ionic ตอนที่ 3. SourceCode  SourceCode - Chapter3