六月伊人,国产精品制服丝袜欧美,亚洲va在线∨a天堂va欧美va,精品亚洲一区二区三区在线观看国产老熟女色视频,国产熟女九色,国产又粗又大,久久人人网国产精品

【ionic3】ionic2.x與ionic3.x之間的部分區(qū)別

2018-3-22    seo達人

如果您想訂閱本博客內容,每天自動發(fā)到您的郵箱中, 請點這里

color屬性不起作用

在用2.x開發(fā)時有的地方的顏色樣式是通過添加 color="primary" 屬性的形式設置的,但是升級3.x之后這種方式除了一些自帶的color屬性的組件、標簽(eg: )可以生效,其他的都失效了。

解決辦法: 添加 ion-text 屬性

ionic2.x這么用 ↓

<div color="danger">我是危險的紅色</div> <p color="secondary">我是有顏色的</p> <span color="primary">我也是有顏色的</span>
    
  • 1
  • 2
  • 3

ionic3.x這么用 ↓

<div ion-text color="danger">我是危險的紅色</div> <p ion-text color="secondary">我是有顏色的</p> <span ion-text color="primary">我也是有顏色的</span>
    
  • 1
  • 2
  • 3

Grid組件中標簽上控制列所占寬度由原來width-50變?yōu)閏ol-6

在ionic2.x中,假如一行有兩列,第一列寬度占比30%,第二列寬度占比70%,用官方給的grid組件代碼是這樣:

<ion-grid text-center> <ion-row> <ion-col width-30>30%</ion-col> <ion-col width-70>70%</ion-col> </ion-row> <ion-grid>
    
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6

width-30就是列寬占行寬的30%,但是到了ionic3.X的版本中,width-X 這種用法被廢除了,取而代之的是col-4,在ionic3的版本中grid中默認把一行分為12個柵格,也就是如果你在ionic2中這樣寫的話,在ionic3中就要寫成,因為默認是12個柵格,寫為col-6意思是占6個柵格,也就是50%的意思。但是如果我們想2-8分的話,還按默認12格來那就麻煩了,因為col-后面只能是整數(shù),接小數(shù)的話就會這個屬性就會失效。這個時候需要我們把默認的12柵格改為10柵格,在全局樣式中把默認的12改為10就好了,代碼如下:

$grid-columns:10;
    
  • 1

改完后,那就好辦了,直接按col-2 col-8來就好了(ionic3.x),代碼如下:

<ion-grid text-center> <ion-row> <ion-col col-2>20%</ion-col> <ion-col col-8>80%</ion-col> </ion-row> </ion-grid>
    
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6

效果如下圖:

這里寫圖片描述

藍藍設計m.wnxcall.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業(yè)提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務

分享本文至:

日歷

鏈接

個人資料

藍藍設計的小編 http://m.wnxcall.com

存檔