小程序
小游戏
企业微信
微信支付
扫描小程序码分享
从后端接受到数据,然后循环到view里面,一循环使用flex布局水平不起作用,一直是垂直展示,去掉循环单独加view起作用,求大佬指教
3 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
// show me the code.
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
<view class="weatherList" wx:for="{{wether}}" wx:for-index="id" wx:for-item="item">
<view class="weatherNum">
{{id}},{{item.high}},{{item.low}}{{item.date}},,{{item.type}}
</view>
.weatherList{
display: flex;
flex-direction: row;
border:1px solid red;
width: 100%;
}
.weatherNum{
flex-direction: column;
width: 20%;
height: 300rpx;
wxml和css代码贴一下看看
参考一下https://developers.weixin.qq.com/community/develop/doc/000ae08b5ecda04c2556b5bae51000?_at=1615197702129
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
// show me the code.
<view class="weatherList" wx:for="{{wether}}" wx:for-index="id" wx:for-item="item">
<view class="weatherNum">
{{id}},{{item.high}},{{item.low}}{{item.date}},,{{item.type}}
</view>
</view>
.weatherList{
display: flex;
flex-direction: row;
border:1px solid red;
width: 100%;
}
.weatherNum{
display: flex;
flex-direction: column;
width: 20%;
height: 300rpx;
border:1px solid red;
}
wxml和css代码贴一下看看
<view class="weatherList" wx:for="{{wether}}" wx:for-index="id" wx:for-item="item">
<view class="weatherNum">
{{id}},{{item.high}},{{item.low}}{{item.date}},,{{item.type}}
</view>
</view>
.weatherList{
display: flex;
flex-direction: row;
border:1px solid red;
width: 100%;
}
.weatherNum{
display: flex;
flex-direction: column;
width: 20%;
height: 300rpx;
border:1px solid red;
}
参考一下https://developers.weixin.qq.com/community/develop/doc/000ae08b5ecda04c2556b5bae51000?_at=1615197702129