阅读 105

小程序踩坑记录

scroll-view

  1. scroll-view组件中的scrollTop属性设置后自己滚动,建议使用wx.pageScrollTo(注意:scrollPageTo的滚动无法打断,可以在滚动时添加loading遮罩层避免用户无效操作);
  2. 下拉刷新与容器的下拉刷新冲突

媒体组件:Images

  1. 图片拼接有白边

    .img{
        display: inline-block;
        margin-top: -1px;
    }
    复制代码
  2. 图片底部有留白:

    .img{
        display: flex;
    }
    复制代码

view

  1. 多行显示在不同的设备中,特别是android7中会出现下一行展示了一部分边边的问题:

    .title{
        max-height: 40px;
        line-height: 20px;
        font-size: 14px;
        // 下方是多行显示的css代码
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
        word-break: break-all;
    }
    复制代码

    max-heightline-height会解决这个问题

文章分类
前端
文章标签