巧用空占位

实现如下效果

左边没有，下一页按钮居中，跳过在最右侧，这时候需要巧用空占位，将左边的位置占住，但是不显示即可。在工作中很常见哦 ~

只需要在

<div class={s.actions}>
    <RouterLink class={s.fake} to="/start" >跳过</RouterLink>
    <RouterLink to="/welcome/2" >下一页</RouterLink>
    <RouterLink to="/start" >跳过</RouterLink>
</div>

接下来只需要设置一左一右两个跳过，但是将左边的隐藏即可

>.actions {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 16px;
    font-size: 32px;
    padding: 24px 0;
    color: var(--welcome-text);
  >.fake {
    visibility: hidden;
  }
}

这样就可以很完美的实现啦 ~