收藏
回答

为什么我的样式不生效,各位有遇到过吗?

问题模块
API和组件

我测试了view示例代码

<view class="section">
  <view class="section__title">flex-direction: row</view>
  <view class="flex-wrp" style="flex-direction:row;">
    <view class="flex-item bc_green">1</view>
    <view class="flex-item bc_red">2</view>
    <view class="flex-item bc_blue">3</view>
  </view></view><view class="section">
  <view class="section__title">flex-direction: column</view>
  <view class="flex-wrp" style="height: 300px;flex-direction:column;">
    <view class="flex-item bc_green">1</view>
    <view class="flex-item bc_red">2</view>
    <view class="flex-item bc_blue">3</view>
  </view></view>


但是效果是这样的


感觉是系统样式不生效,但又找不到问题所在,请大家指教,谢谢!

最后一次编辑于  2017-01-13
回答关注问题邀请回答
收藏

3 个回答

  • 余兴镐
    余兴镐
    2017-09-25

    我也遇到了这个问题, 在.wxss文件里添加样式就好了


    .flex-wrp{

    display: flex;

    }

    .flex-item{

    width: 100px;

    height: 100px;

    }

    .bc_green{

    background: green;

    }

    .bc_red{

    background: red;

    }

    .bc_blue{

    background: blue;

    }


    2017-09-25
    赞同
    回复
  • 黄辉
    黄辉
    2017-01-13

    谢谢

    2017-01-13
    赞同
    回复
  • godlike
    godlike
    2017-01-13

    因为你没写这些class的css样式,官方只要少数默认的css样式,例如page默认有些样式,你这些flex-item需要自己写

    2017-01-13
    赞同
    回复