Taro-樣式加載問題

當一個文件目錄裏有多個文件,且這些文件都引用一個css時,打包小程序併發布以後,會有加載不上樣式的問題,這個時候,我們需要把文件做模塊化處理,每一個文件對應一個文件目錄,並創建對應的css樣式,不要幾個文件都引用相同的css。一個功能模塊對應一個文件夾,裏面是對應的jsx文件和css文件。這樣再次打包發佈後,就好了。——如果都使用同一個文件,那麼在打包以後,會在項目最外層生成一個common.wxss,這個時候那些文件都會引這個css文件,在開發環境下是OK的,但是發佈到線上以後就有問題了。

自定義組件的樣式,在被引用以後,父頁面是修改不了的,除非在自定義組件裏將組件構造器中的options.addGlobalClass字段設置爲true

export default class CustomComp extends Component {
  static options = {
    addGlobalClass: true
  }

  render () {
    return <View className="red-text">這段文本的顏色由組件外的 class 決定</View>
  }
}

組件外的樣式定義

.red-text {
  color: red;
}

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章