关注本文作者公众号
获取最新福利
微信公众号

taro-ui flex布局无效

时间: 06/25/2019作者: ll浏览量: 1320

Flex布局无效

已配置:

if (process.env.TARO_ENV === "weapp") {
require("taro-ui/dist/weapp/css/index.css")
} else if (process.env.TARO_ENV === "h5") {
require("taro-ui/dist/h5/css/index.css")
}

因为小程序里面 组件内部的样式 是不会被外部影响的 如果希望组件内部的样式受到外部影响 需要用 addGlobalClass 这个方式

使用外部样式类可以让组件使用指定的组件外样式类,如果希望组件外样式类能够完全影响组件内部,可以将组件构造器中的 options.addGlobalClass 字段置为 true。这个特性从小程序基础库版本 2.2.3 开始支持。

/* CustomComp.js */
export default class CustomComp extends Component {
  static options = {
    addGlobalClass: true
  }

  render () {
    return <View className="red-text">这段文本的颜色由组件外的 class 决定</View>
  }
}
关注下面的标签,发现更多相似的文章

ll

前端工程师
微信公众号:极客教程(geekjc),极客教程网: https://www.geekjc.com 专注web前后端架构,带你走进全栈的世界。
极客教程网
——一个你值得来的网站
编程笔记:学习分享,与君共勉!
小书本:系统完整的学习!
在线工具:极客工具,在线工具,在线运行
前端导航:前端导航,前端资源聚合平台
零花钱:简单点点手机,做做任务赚点零花钱
微信公众号
极客教程(geekjc)
QQ群:
495489065

Copyright © 2019 - ~ All Rights Reserved. Made By ll 备案号:粤ICP备15001588号-4