对象里数组的渲染

爱被打了一巴掌 2021-09-18 17:06 197阅读 0赞

<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; 
    }

Page({
      data: {
        //name: wx.getStorageSync('Aa'),
        text: "",
        postname: "",
        id1: "",
        list:[{
          text:"1.标题啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊",
          img_list: ['../../img/asd.jpg', '../../img/asd.jpg', '../../img/asd.jpg', '../../img/asd.jpg']
          
        }, {
            text: "2.标题",
            img_list: ['../../img/asd.jpg', '../../img/asd.jpg']
          }, {
            text: "3.标题啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊",
            img_list: ['../../img/asd.jpg', '../../img/asd.jpg', '../../img/asd.jpg', '../../img/asd.jpg']
    
          },]
      },
    
    })

发表评论取消回复

表情：

评论列表（有 0 条评论，197人围观）

还没有评论，来说两句吧...

相关阅读

相关微信小程序向数组的对象里添加新属性

比如 arr 是数组那么 arr.forEach(item => \{ item.a= 1; \} (a:就是添加的属性 1是值) console.l

ゝ一世哀愁。/ 2023年02月08日 14:30/ 0 赞/ 64 阅读

相关 java 复制对象数组_Java数组的复制（对象数组） | 学步园

先看看下面的代码，大家猜猜输出是什么 package com.captain.test; public class ArrayTest \{ public static

今天药忘吃喽~/ 2022年11月03日 00:41/ 0 赞/ 120 阅读

相关对象数组的使用

//通过调用的方式复制，也可以通过构造方法赋初值，见下例！ public class java9_6 { public static vo

骑猪看日落/ 2022年09月20日 00:21/ 0 赞/ 94 阅读

相关 array对象（数组）

什么是数组? 数组对象是使用单独的变量名来存储一系列的值。创建一个数组创建一个数组，有三种方法。 > 1: 常规方式: > > var myCars=ne

男娘i/ 2022年09月09日 12:53/ 0 赞/ 143 阅读

相关函数，对象，数组，类型

简介关于作者这篇文章的作者是两位 [Stack Overflow][] 用户, [伊沃·韦特泽尔 Ivo Wetzel][Ivo Wetzel]（写作）和 [

清疚/ 2022年07月13日 07:49/ 0 赞/ 121 阅读

相关函数，对象，数组，类型

简介关于作者这篇文章的作者是两位 [Stack Overflow][] 用户, [伊沃·韦特泽尔 Ivo Wetzel][Ivo Wetzel]（写作）和 [

旧城等待，/ 2022年06月15日 05:44/ 0 赞/ 165 阅读

相关数组和对象间的比较

var a = \[\]; var b = \[\]; 两个单独的对象或者数组永不相等 a == b => false; var a = \[\];

缺乏、安全感/ 2022年06月06日 06:55/ 0 赞/ 144 阅读

相关对象转换数组的方法

//将对象转成数组 function objectToArray($obj)\{ $obj = (array)$obj; foreach ($obj

矫情吗；*/ 2022年03月09日 07:46/ 0 赞/ 239 阅读

相关关于在mybits里导入数组的方法

穿入的pojo的模板 ![在这里插入图片描述][20190626182146688.png] 以及json类型，![在这里插入图片描述][watermark_type_

Love The Way You Lie/ 2021年12月24日 03:29/ 0 赞/ 160 阅读

相关对象里数组的渲染

<view class='bo_bo'> <block wx:for="{ {list}}"> <view class='te

爱被打了一巴掌/ 2021年09月18日 17:06/ 0 赞/ 198 阅读