1. <i id='farKc'><tr id='farKc'><dt id='farKc'><q id='farKc'><span id='farKc'><b id='farKc'><form id='farKc'><ins id='farKc'></ins><ul id='farKc'></ul><sub id='farKc'></sub></form><legend id='farKc'></legend><bdo id='farKc'><pre id='farKc'><center id='farKc'></center></pre></bdo></b><th id='farKc'></th></span></q></dt></tr></i><div id='farKc'><tfoot id='farKc'></tfoot><dl id='farKc'><fieldset id='farKc'></fieldset></dl></div>

        <legend id='farKc'><style id='farKc'><dir id='farKc'><q id='farKc'></q></dir></style></legend>

        • <bdo id='farKc'></bdo><ul id='farKc'></ul>
      2. <small id='farKc'></small><noframes id='farKc'>

        <tfoot id='farKc'></tfoot>

        与另一个离子卡重叠的虚拟滚动 ion-img 标签

        时间:2023-09-08
        <tfoot id='z2raj'></tfoot>
          <bdo id='z2raj'></bdo><ul id='z2raj'></ul>
            <legend id='z2raj'><style id='z2raj'><dir id='z2raj'><q id='z2raj'></q></dir></style></legend>
              <tbody id='z2raj'></tbody>
          1. <i id='z2raj'><tr id='z2raj'><dt id='z2raj'><q id='z2raj'><span id='z2raj'><b id='z2raj'><form id='z2raj'><ins id='z2raj'></ins><ul id='z2raj'></ul><sub id='z2raj'></sub></form><legend id='z2raj'></legend><bdo id='z2raj'><pre id='z2raj'><center id='z2raj'></center></pre></bdo></b><th id='z2raj'></th></span></q></dt></tr></i><div id='z2raj'><tfoot id='z2raj'></tfoot><dl id='z2raj'><fieldset id='z2raj'></fieldset></dl></div>

                <small id='z2raj'></small><noframes id='z2raj'>

                • 本文介绍了与另一个离子卡重叠的虚拟滚动 ion-img 标签的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

                  问题描述

                  我在虚拟滚动中使用 ion-img 时遇到问题,当我不打算设置 ion-img 标签的宽度和高度时,它会显示一个小图像.但是当我在上面设置一些宽度和高度时,它会重叠到另一张不正确的卡片上

                  下面是我正在使用的代码

                  <块引用>

                  我忘了提到这是一个错误,仍在解决过程中,但我要求另一种解决方法来解决这个问题,我不擅长做 css

                  解决方案

                  你必须通过卡片页脚来降低图像的高度.比如:

                  img.height -= card.footerHeight

                  I have a problem using ion-img in virtual scroll, when im not going to set the width and height of the ion-img tag it shows a tiny image. But when I set some width and height on it it overlaps to another card which is not right

                  below is the code that i am using

                  <ion-list [virtualScroll]="posts" [approxItemHeight]="'150px'">
                      <div *virtualItem="let post" style="width: 100%">
                        <ion-card class="adv-map">
                          <ion-item>
                            <ion-avatar item-start>
                              <img src="img/marty-avatar.png">
                            </ion-avatar>
                            </button> -->
                            <h2>{{ post.name }} </h2>
                            <p>{{ post.date_posted }}</p>
                          </ion-item>
                  
                            <ion-img [width]="imgWidth" [height]="imgHeight" [src]="post.imagepost_url"></ion-img>
                            <ion-fab right top class="fab-map">
                              <button (click)="showLocation(post.lattitude,post.longitude,post.title)" ion-fab>
                                <ion-icon name="pin"></ion-icon>
                              </button>
                            </ion-fab>
                  
                          <ion-card-content>
                            <ion-card-title>
                              {{post.title}}
                            </ion-card-title>
                            <p>
                              {{post.content}}
                            </p>
                          </ion-card-content>
                        </ion-card>
                            <div style="height:100px"></div>
                      </div>
                    </ion-list>
                  

                  EDIT: I forgot to mention that this was bug and still on the process in solving but im asking another work around to fix this problem im not good at doing css

                  解决方案

                  You have to reduce the height of the image by the card footer. Something like:

                  img.height -= card.footerHeight
                  

                  这篇关于与另一个离子卡重叠的虚拟滚动 ion-img 标签的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持html5模板网!

                  • <bdo id='GV0Z7'></bdo><ul id='GV0Z7'></ul>
                      <tbody id='GV0Z7'></tbody>

                    1. <small id='GV0Z7'></small><noframes id='GV0Z7'>

                        <legend id='GV0Z7'><style id='GV0Z7'><dir id='GV0Z7'><q id='GV0Z7'></q></dir></style></legend>
                      • <tfoot id='GV0Z7'></tfoot>
                      • <i id='GV0Z7'><tr id='GV0Z7'><dt id='GV0Z7'><q id='GV0Z7'><span id='GV0Z7'><b id='GV0Z7'><form id='GV0Z7'><ins id='GV0Z7'></ins><ul id='GV0Z7'></ul><sub id='GV0Z7'></sub></form><legend id='GV0Z7'></legend><bdo id='GV0Z7'><pre id='GV0Z7'><center id='GV0Z7'></center></pre></bdo></b><th id='GV0Z7'></th></span></q></dt></tr></i><div id='GV0Z7'><tfoot id='GV0Z7'></tfoot><dl id='GV0Z7'><fieldset id='GV0Z7'></fieldset></dl></div>