收藏
回答

flex-direction:row 碰上wx:for 无效

问题模块 框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
API和组件 小程序 Bug View wx:for 客户端 6.6.3 2.0.4

lex-direction:row 碰上wx:for 无效,求大神帮忙!!!谢谢


index.js

data: {
    bgColor:['bc_red''bc_yellow''bc_green']
  },

index.wxml

<view class="flex-wrap" wx:for="{{bgColor}}">
  <view class="flex-item {{item}}"></view>
</view>

index.wxss

.flex-wrp{
    display:flex;
    flex-direction: row;
    background-color#FFFFFF;
}
.flex-item{
    width100px;
    height100px;
}

效果


最后一次编辑于  2018-10-31  (未经腾讯允许,不得转载)
回答关注问题邀请回答
收藏

2 个回答

  • 社区技术运营专员-白柿子
    社区技术运营专员-白柿子
    2018-10-31

    按照教程提供下代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。

    2018-10-31
    赞同
    回复
  • 夏
    2018-10-31

    代码片段: https://developers.weixin.qq.com/s/uH5UnAmu7m3Y

    2018-10-31
    赞同
    回复 2
    • 卢霄霄
      卢霄霄
      2018-11-01

      <view class="flex-wrap" >

          <view class="flex-item {{item}}" wx:for="{{bgColor}}"></view>

      </view>


      2018-11-01
      1
      回复
    • 夏
      2018-11-01回复卢霄霄

      正解!谢谢

      2018-11-01
      回复