字体自适应_固定宽度-自适应字体大小

点赞哦~ 直接放源码

动态效果https://www.zhihu.com/video/1037714537117552640

// 获取节点宽度
async getDom() {
  var that = this
  var query =  wepy.createSelectorQuery();
  query.select('.test').boundingClientRect()
  await query.exec((res)=> {
    var dom_w = res[0].width
    that.dom_w = dom_w
  })
}

// 方法调用
var a  = setInterval(()=> {
        this.getDom()
        if (that.dom_w > 120) {
          console.log("超过了")
          that.testSize -= 1
          that.$apply()
          clearInterval(a)
          //结束循环
          // break;
        } else {
          console.log("未达到")
          that.testSize += 1
          that.$apply()
        }
        console.log(that.testSize, '字体大小')
      }, 100)

注意点：本想用循环，但是小程序的dom节点操作api属于异步操作，所以采用定时器的方式