<dfn id="sm46c"></dfn>
2018-3-22 seo達人
如果您想訂閱本博客內容，每天自動發到您的郵箱中， 請點這里
在用2.x開發時有的地方的顏色樣式是通過添加
解決辦法： 添加 ion-text 屬性
ionic2.x這么用 ↓
ionic3.x這么用 ↓
在ionic2.x中，假如一行有兩列，第一列寬度占比30%，第二列寬度占比70%,用官方給的grid組件代碼是這樣:
width-30就是列寬占行寬的30%，但是到了ionic3.X的版本中，width-X 這種用法被廢除了，取而代之的是col-4，在ionic3的版本中grid中默認把一行分為12個柵格，也就是如果你在ionic2中這樣寫的話，在ionic3中就要寫成，因為默認是12個柵格，寫為col-6意思是占6個柵格，也就是50%的意思。但是如果我們想2-8分的話，還按默認12格來那就麻煩了，因為col-后面只能是整數，接小數的話就會這個屬性就會失效。這個時候需要我們把默認的12柵格改為10柵格，在全局樣式中把默認的12改為10就好了，代碼如下：
改完后，那就好辦了，直接按col-2 col-8來就好了（ionic3.x），代碼如下：
效果如下圖：
color屬性不起作用
color="primary" 屬性的形式設置的，但是升級3.x之后這種方式除了一些自帶的color屬性的組件、標簽（eg: ）可以生效，其他的都失效了。
Grid組件中標簽上控制列所占寬度由原來width-50變為col-6
