念念宝贝 2022-09-28 17:35 采纳率: 75%
浏览 32
已结题

微信小程序如何实现view横向放两个view(数据是后台遍历出来的)

微信小程序如何实现view横向放两个view(因为是遍历的数据没办法两个一起加样式，只能有一个，数据都是遍历出来的)

img

  • 写回答

1条回答 默认 最新

  • づGeranium☆う 2022-09-28 17:46
    关注

    给他换行一下不就可以了列如用弹性布局

    //写在循环外面的的模块中
 display: flex;
  align-items: center;
  /* justify-content: space-between; */
  flex-wrap: wrap;//换行
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题？

  • 微信小程序scroll-view点击项自动居中效果的实现
    2020-10-15 11:54
    在微信小程序开发中，`scroll-view` 是一个非常重要的组件，它允许用户在内容超过屏幕范围时进行滚动浏览。在某些场景下，我们可能需要实现一个功能，即当用户点击`scroll-view`内的某一项时，该选项能够自动滚动到...
  • 微信小程序scroll-view横向滑动嵌套for循环的示例代码
    2020-10-17 23:34
    在微信小程序开发中，`scroll-view`组件是一个非常重要的部分，它允许用户在内容超过屏幕范围时进行滚动浏览。在本文中，我们将深入探讨如何在`scroll-view`中实现横向滑动并结合`for`循环展示数据。我们将讨论布局...
  • 微信小程序实现菜单左右联动
    2020-10-15 07:36
    微信小程序实现菜单左右联动是目前小程序开发中的一个常见需求，它允许用户在左侧选择一个菜单项后，右侧内容能够根据左侧的选择进行相应的改变。这种交互方式在很多应用中都有用到，比如在设置界面、表单填写、信息...
  • 微信小程序实现的绘制table表格功能示例
    2020-10-17 02:29
    下面将详细介绍如何在微信小程序中实现这一功能，以及涉及到的数据读取和界面布局相关操作。 首先，我们需要理解微信小程序的基本架构。微信小程序是由JSON配置文件、WXML（结构层）、WXSS（样式层）和JavaScript...
  • 微信小程序swiper实现文字纵向轮播提示效果
    2020-10-15 18:08
    微信小程序中的Swiper组件是一个非常实用的滑动轮播组件，它不仅可以用于图片的横向轮播展示，而且可以通过设置其属性，来实现文字的纵向轮播提示效果。在本文中，我们将详细探讨如何在微信小程序中实现这一效果，并...
  • 微信小程序流程进度样式实现 步骤
    2019-08-30 17:44
    在微信小程序开发中，创建美观且实用的流程进度样式是一个重要的设计环节，它能帮助用户了解当前任务的完成状态和接下来的步骤。本教程将详细讲解如何在微信小程序中实现这样的功能。 首先，我们需要理解微信小程序...
  • 小程序实现横向滑动日历效果
    2020-10-16 04:17
    总结来说，实现小程序的横向滑动日历效果涉及以下几个关键点： 1. 使用`scroll-view`组件实现横向滚动。 2. 计算当前月份的天数和第一个星期的起始日。 3. 创建`calendar`对象并填充数组。 4. 根据当前日期动态调整...
  • 微信小程序tab切换可滑动切换导航栏跟随滚动实现代码
    2020-11-30 22:24
    在微信小程序中，实现类似今日头条那样可滑动切换的导航栏和内容滚动同步的效果，主要涉及到以下几个关键知识点： 1. **布局结构**： - 主体页面通常采用两层结构，外层是一个横向滚动的`<scroll-view>`作为导航栏...
  • 微信小程序点击item使之滚动到屏幕中间位置
    2020-10-15 11:53
    总结，实现微信小程序点击item使之滚动到屏幕中间位置的核心是利用scroll-view组件，结合JS获取元素的布局信息，计算滚动位置，然后更新数据来驱动滚动。这种方法既保证了用户体验，又避免了过度复杂的实现。在实际...
  • 微信小程序开发前端基础知识
    2022-06-27 17:03
    博客zhu虎康的博客 微信小程序
  • 没有解决我的问题, 去提问

问题事件

  • 系统已结题 10月6日
  • 已采纳回答 9月28日
  • 创建了问题 9月28日