为什么我的样式不生效,各位有遇到过吗?
发布于 5 年前 作者 qhan 15653 次浏览 来自 问答

我测试了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>

但是效果是这样的

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

3 回复

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

.flex-wrp{

display: flex;

}

.flex-item{

width: 100px;

height: 100px;

}

.bc_green{

background: green;

}

.bc_red{

background: red;

}

.bc_blue{

background: blue;

}

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

回到顶部