对象里数组的渲染

爱被打了一巴掌 2021-09-18 17:06 263阅读 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 条评论，263人围观）

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

相关阅读

相关 17 v-for循环数组和对象及对象数组的方法

\[基础\]v-for列表循环详细讲解-1 v-for循环数组的方法关于循环时的key值 v-for循环对象的方法欲速则不达，稳中求胜。使用V

ゝ一纸荒年。/ 2023年10月06日 20:29/ 0 赞/ 20 阅读

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

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

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

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

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

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

相关对象数组的使用

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

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

相关 array对象（数组）

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

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

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

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

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

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

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

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

相关对象转换数组的方法

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

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

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

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

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

相关对象里数组的渲染

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

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