首页 > 其他分享 >uniapp使用uni-grid时出现BUG第二次进入少一列

uniapp使用uni-grid时出现BUG第二次进入少一列

时间:2023-11-20 09:33:54浏览次数:35  
标签:uniapp grid 一列 进入 uni 第二次

在使用uniapp的uni-grid组件时,出现了一个bug,第一次进入页面是是显示正常的,第二次进入就会发送少一列的情况

第一次进入时显示

第二次进入时显示

在网上找了半天没啥解决办法,最后是在dcloud社区中找到解决方法:

1.把最外层的view固定宽度

2.去掉边框

因为我这边是需要进行对不同设备尺寸的适应,所以不能固定view的宽度,就选了第二种方式解决

<uni-grid :column="4" :highlight="true" :show-border="false">
  <uni-grid-item v-for="(item, index) in HomeList.baseManage" :index="index" :key="item.name" @click="change(item.name)">
    <view class="grid-item-box" style="background-color: #fff;">
      <uni-icons :type="item.icon" :size="30" color="green" />
      <text class="text">{{ item.label }}</text>
    </view>
  </uni-grid-item>
</uni-grid>

:show-border="false"这个就是去掉边框,成功解决了

 

由于后面再去找dcloud社区的那篇文章找不到了,所以没有贴上参考地址

 

标签:uniapp,grid,一列,进入,uni,第二次
From: https://www.cnblogs.com/luzanzan/p/17843218.html

相关文章

  • JUnit单元测试使用教程(新手入门)
    ✨前言✨本篇文章主要在于,单元测试工具jUnit的简单认识及入门使用......
  • Unity学习笔记--数据持久化之PlayerPrefs的使用
    数据持久化PlayerPrefs相关PlayerPrefs是Unity游戏引擎中的一个类,用于在游戏中存储和访问玩家的偏好设置和数据。它可以用来保存玩家的游戏进度、设置选项、最高分数等信息。PlayerPrefs将数据存储在本地文件中,因此可以在游戏重新启动时保持数据的持久性。//PlayerPrefs的数据......
  • On the Opportunities and Risks of Foundation Models
     随着BERT、DALL-E、GPT-3等大规模预训练模型的出现,AI社区正在经历一场范式转变。在BERT出现(2018年)之前,语言模型的自监督学习本质上只是NLP的一个子领域,与其他NLP子领域并行发展。但在BERT横扫11项NLP任务之后,这种格局被打破了。2019年之后,使用自监......
  • Unity实现Voronoi图(性能友好,分布较为均匀
     这是一种性能友好的并且生成较为均匀的Voronoi图的实现方式  在一张网格中生成随机点,然后在取每个点周围点就不需要去做全局遍历,在自己周围的格子遍历即可usingUnityEngine;usingUnityEngine.UI;publicclassVoronoiDiagram:MonoBehaviour{publicintg......
  • java-Junit 注解 枚举
    第15章_Junit_注解_枚举Junit单元测试引入【1】软件测试的目的:软件测试的目的是在规定的条件下对程序进行操作,以发现程序错误,衡量软件质量,并对其是否能满足设计要求进行评估的过程。 【2】测试分类:(1)黑盒测试:软件的黑盒测试意味着测试要在软件的接口处进行。这种方法是......
  • uniapp脚手架中vue3项目配置`@`,并且在vscode中有提示
    uniapp脚手架中vue3项目配置@,并且在vscode中有提示在vite.config.js中配置一下代码import{defineConfig}from"vite";importunifrom"@dcloudio/vite-plugin-uni";import{resolve}from"path";//https://vitejs.dev/config/exportdefaultdefine......
  • 什么是人工智能领域的 SFT - Supervised Finetuning
    在人工智能(AI)领域,SupervisedFinetuning是一个重要的概念。它涉及到在预训练模型的基础上,利用有标签的数据进行微调,以适应特定的任务或领域。这个过程可以被视为在更广泛的知识基础上进行特定任务的训练,从而在新任务上获得更好的性能。SupervisedFinetuning这个名词可以被分解......
  • junit简单使用(入门)
    @目录......
  • 【文档翻译】每个开发者都必须了解的关于Unicode和字符集的基本知识
    本文档译自joelonsoftware.com的文章"TheAbsoluteMinimumEverySoftwareDeveloperAbsolutely,PositivelyMustKnowAboutUnicodeandCharacterSets(NoExcuses!)",作者joel,原文参见此处概述-Overview你是否在某一个平凡的日子,思考过那个神秘的Content-Type标......
  • 关于 Angular Universal 应用渲染两次的问题
    AngularRepositoryurl:https://github.com/angular/angular-cli/issues/7477现象:Ibuiltasamplerepousingangular-cliandfollowedthestepsintheUniversalRenderingstorytoenableserversiderendering.Theapplicationloadswellonrunning,butIse......