在循环ul时，li分三部分：（图片，文字内容，后缀），各自在各自区域，不串区域。

在循环ul的时候，将li中分三个区域
第一个区域放图片：固定大小;
第二个区域文字内容，不管内容多少，都不会串行，也不会改变其他区域的样式。
//style="flex-grow: 1;flex-shrink: 1;"
第三个区域放后缀，一直在li的最后，不管文字多少，始终在li的最后。
//style="order: 0"
<ul>
  <li @click="transfer(item.id)" :class="{ liBackground:changeLeftBackground == item.id}" v-for="(item,index01) in group.items">
    <svg-icon style="min-width: 35px;min-height: 35px" class-name="question-type-1-icon" icon-class="question-type-1"  />
    <div style="flex-grow: 1;flex-shrink: 1;">
      {{ item.id + 1}}.{{item.title}}
    </div>
    <div style="order: 0">
      <span>Unanswered</span>
    </div>
  </li>
</ul>