问题及解决方案纪录片——疑难杂症

  • 2018-12-05
  • 84
  • 0

1.问题

安卓机,键盘拉起顶起绝对定位等元素?
方案:vue中实现,主要依赖window.onresize

    export default {
        data () {
            return {
                hidshow: false,
                docmHeight: 0, // 默认屏幕高度
              showHeight: 0, // 实时屏幕高度
            }
        },
        watch: {
           showHeight() {
                if (this.docmHeight >= this.showHeight) {
                    this.hidshow = false
                } else {
                    this.hidshow = true
                }
           }
       },
        mounted() {
        window.onresize = () => (() => {
          if (!this.isResize) {
            this.docmHeight = document.documentElement.clientHeight
            this.isResize = true
          }
          this.showHeight = document.body.clientHeight
        })()
      },
    }

2.css记录

多行文本超出影藏…

.*{
    display: -webkit-box;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:2;
}

评论

还没有任何评论,你来说两句吧

- 友情链接 - Theme by Qzhai