动态设置宽度

 

 

// 列表宽度
    vue.prototype.$flexColumnWidth = function(str, flag) {
      var flexWidth = 0;

      for (const char of str) {
        if ((char >= "A" && char <= "Z") || (char >= "a" && char <= "z")) {
          // 如果是英文字符,为字符分配8个单位宽度
          if (flag === "form") {
            flexWidth += 5;
          } else {
            flexWidth += 8;
          }
        } else if (char >= "\u4e00" && char <= "\u9fa5") {
          // 如果是中文字符,为字符分配20个单位宽度
          if (flag === "form") {
            flexWidth += 15;
          } else {
            flexWidth += 20;
          }
        } else {
          // 其他种类字符,为字符分配5个单位宽度
          flexWidth += 15;
        }
      }
      if (flag !== "form") {
        flexWidth += 20;
      }
      return flexWidth + "px";
    };
posted @ 2023-03-14 15:24  瓶子的瓶瓶瓶  阅读(29)  评论(0编辑  收藏  举报