vue-div之根据div内文字长度设置不同的字体大小及行高

封装计算字节数函数

// 计算字节数
strlen(str) => {
  var len = 0;
  for (var i = 0; i < str.length; i++) {
    var c = str.charCodeAt(i);
    //单字节加1
    if ((c >= 0x0001 && c <= 0x007e) || (0xff60 <= c && c <= 0xff9f)) {
      len++;
    } else {
      len += 2;
    }
  }
  return len;
};

vue页面div根据字节数来定高度，如果字节数是14（中文7个字，英文14个字），定行高为90px，字体为26px；如果字节数是12，定行高为45px，字体为26px，如果字节数小于12（中文6个字，英文12个字，定行高为90px，字体为30px）

class="hidden {{item.codes === 14 ? 'font-26 lh-90' : (item.codes > 12 ? 'font-26 lh-45' : 'font-30 lh-90')}}