使用 Vuetify stepper 時,發現一直無法顯示step下方的文字,compoents如下圖:
畫面中step下方文字完全沒有顯示。
將裝置寬度切至大於960px 後,下方文字又出現了。
搜尋了很多文章發現,應該是原先vuetify設計的機制中,假如裝置寬度小於960px會將其文字隱藏,也許是覺得在小畫面中不顯示文字UI體驗比較好?
所以我們只要將上面的css加入,複寫原先vuetify的css即可。
而我這邊增加了important才有效果。
使用 Vuetify stepper 時,發現一直無法顯示step下方的文字,compoents如下圖:
畫面中step下方文字完全沒有顯示。
將裝置寬度切至大於960px 後,下方文字又出現了。
搜尋了很多文章發現,應該是原先vuetify設計的機制中,假如裝置寬度小於960px會將其文字隱藏,也許是覺得在小畫面中不顯示文字UI體驗比較好?
所以我們只要將上面的css加入,複寫原先vuetify的css即可。
而我這邊增加了important才有效果。