对象里数组的渲染

最新推荐文章于 2023-05-12 14:37:21 发布

ঞ᭄阿້໌ᮩ莲໌້ᮨꦿ

最新推荐文章于 2023-05-12 14:37:21 发布

阅读量912

点赞数

分类专栏：微信小程序

本文链接：https://blog.csdn.net/qq_41241504/article/details/88997423

版权

本文探讨了如何在JavaScript中有效地渲染对象数组，包括使用map()函数、遍历技巧以及优化性能的方法。通过实例代码和解释，帮助开发者理解如何将对象数组数据展示到DOM中。

摘要由CSDN通过智能技术生成

<view class='bo_bo'>
  <block wx:for="{
  {list}}">
    <view class='text'>{
  {item.text}}</view>
      <view  class='img_bo'>
        <image wx:for='{
  {item.img_list}}'  mode="widthFix"
 src='{
  {item}}' class='img'></image>
      </view>
  </block>

</view>

.bo_bo{
  margin: 20rpx;
  /* border: 1rpx solid #ccc */
}

.img_bo{
  display: flex;
  /* 横排 */
  flex-direction: row;
  /* 超出换行 */
  flex-wrap: wrap;
  margin-bottom: 30rpx
}
.img{
  width:48%;
  margin: 1%
}
.text{
  /* 行高 */
  line-height: 80rpx;
  /* 字体大小 */
  font-size: 32rpx;
  /* 超出影藏 */
 overflow: hidden;
 /* 加三个点 */
white-space: nowrap;
/* 强制文本不换行 */
text-overflow: ellipsis; 
}