scroll-view

  1. scroll-viewIn the componentscrollTopProperty setting after scrolling, recommended usewx.pageScrollTo(note:scrollPageToThe scroll cannot be broken and can be added while scrollingloadingMask layer to avoid user invalid operation);
  2. The drop-down refresh conflicts with the container’s drop-down refresh

Media component: Images

  1. Image Mosaic with white edge:

    .img{
    display: inline-block;
    margin-top: -1px;
}
Copy the code

  2. There is white space at the bottom of the picture:

    .img{
    display: flex;
}
Copy the code

view

  1. Multiple lines are displayed on different devices, especially on android7. The next line shows part of the side problem:

    .title{
    max-height: 40px;
    line-height: 20px;
    font-size: 14px; // Below is a multi-line display of CSS codeoverflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
}
Copy the code

    Max-height and line-height solve this problem