美文网首页让前端飞
Taro 小程序自定义组件中的样式未生效的解决办法

Taro 小程序自定义组件中的样式未生效的解决办法

作者: 六二小盆友 | 来源:发表于2020-04-08 13:27 被阅读0次

使用全局样式,这样会比较方便,样式较多的情况下。

自定义组件
import { View} from "@tarojs/components";
import Taro from "@tarojs/taro";
import Component = Taro.Component;

interface IProps {}
interface IState {}
export default class SexDetailItem extends Component<IProps, IState> {
  static options = {
    addGlobalClass: true
  }
  render() {
    return <View>
      <View className='remaining-seat at-row at-row__align--center'>
        <View className='reamining-title at-col at-col-3' >余</View>
        <View className='at-col at-col-3'>{2}</View>
      </View>
    </View>;
  }

}
main.tsx
 <View><SexDetailItem  /></View>

相关文章

网友评论

    本文标题:Taro 小程序自定义组件中的样式未生效的解决办法

    本文链接:https://www.haomeiwen.com/subject/vvqtmhtx.html