uniapp 微信小程序 iOS text-align-last: justify 不兼容解决方法

在 uniapp 开发的微信小程序中，'text-align-last: justify;' 在 iOS 上不兼容，不起作用的问题可以通过以下方法解决：

1. 使用 flex 布局：将父容器设置为 flex 布局，并将子元素设置为 flex-grow: 1; 这样子元素会自动填充父容器的剩余空间，实现文本两端对齐的效果。

.parent {
  display: flex;
}

.child {
  flex-grow: 1;
}

2. 使用文本排版插件：可以使用类似于 'uniText' 这样的文本排版插件来实现文本两端对齐的效果，具体使用方法请参考插件的文档。

3. 使用 JavaScript 计算：通过 JavaScript 的方式计算文本的宽度和剩余空间，并将文本按照一定的间距分割成多行，并在每行的末尾添加空格来实现文本两端对齐的效果。具体实现方式可以参考以下代码：

// 获取文本的宽度
function getTextWidth(text) {
  const ctx = uni.createCanvasContext('textCanvas');
  const metrics = ctx.measureText(text);
  return metrics.width;
}

// 在文本末尾添加指定数量的空格
function addSpaces(text, count) {
  for (let i = 0; i < count; i++) {
    text += ' ';
  }
  return text;
}

// 将文本按照指定宽度分割成多行，并在每行的末尾添加空格
function justifyText(text, width) {
  const words = text.split(' ');
  let line = '';
  const lines = [];
  for (let i = 0; i < words.length; i++) {
    const word = words[i];
    const lineWithWord = line.length > 0 ? line + ' ' + word : word;
    const lineWidth = getTextWidth(lineWithWord);
    if (lineWidth <= width) {
      line = lineWithWord;
    } else {
      const spacesCount = Math.floor((width - getTextWidth(line)) / (line.split(' ').length - 1));
      line = addSpaces(line, spacesCount);
      lines.push(line);
      line = word;
    }
  }
  lines.push(line);
  return lines.join('
');
}

// 使用示例
const text = 'Lorem ipsum dolor sit amet, consectetur adipiscing elit.';
const width = 200;
const justifiedText = justifyText(text, width);
console.log(justifiedText);

以上是一些解决在 uniapp 开发的微信小程序中 'text-align-last: justify;' 在 iOS 上不兼容的方法，根据具体的需求和情况选择适合自己项目的解决方案。