2018-3-22 seo達(dá)人
如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里
在用2.x開發(fā)時(shí)有的地方的顏色樣式是通過添加
解決辦法: 添加 ion-text 屬性
ionic2.x這么用 ↓
ionic3.x這么用 ↓
在ionic2.x中,假如一行有兩列,第一列寬度占比30%,第二列寬度占比70%,用官方給的grid組件代碼是這樣:
width-30就是列寬占行寬的30%,但是到了ionic3.X的版本中,width-X 這種用法被廢除了,取而代之的是col-4,在ionic3的版本中g(shù)rid中默認(rèn)把一行分為12個(gè)柵格,也就是如果你在ionic2中這樣寫的話,在ionic3中就要寫成,因?yàn)槟J(rèn)是12個(gè)柵格,寫為col-6意思是占6個(gè)柵格,也就是50%的意思。但是如果我們想2-8分的話,還按默認(rèn)12格來那就麻煩了,因?yàn)閏ol-后面只能是整數(shù),接小數(shù)的話就會(huì)這個(gè)屬性就會(huì)失效。這個(gè)時(shí)候需要我們把默認(rèn)的12柵格改為10柵格,在全局樣式中把默認(rèn)的12改為10就好了,代碼如下:
改完后,那就好辦了,直接按col-2 col-8來就好了(ionic3.x),代碼如下:
效果如下圖:
color屬性不起作用
color="primary"
屬性的形式設(shè)置的,但是升級(jí)3.x之后這種方式除了一些自帶的color屬性的組件、標(biāo)簽(eg: )可以生效,其他的都失效了。
Grid組件中標(biāo)簽上控制列所占寬度由原來width-50變?yōu)閏ol-6
藍(lán)藍(lán)設(shè)計(jì)的小編 http://sillybuy.com