这个箭头如何对齐呢？老师用的是float 我修改成flex啦

# 具体遇到的问题

# 报错信息的截图

# 相关课程内容截图
# 尝试过的解决思路和结果

# 粘贴全部相关代码，切记添加代码注释（请勿截图）

<template>

   <div class="home-header">

      <div class="header-left">

         <div class="iconfont back-icon">&#xe624;</div>

      </div>

      <div class="header-title">

         <span class="iconfont">&#xe632;</span>

         输入城市/景点/游玩主题

      </div>

      <div class="header-right">

         北京

         <span class="arrow-icon iconfont">&#xe7ff;</span>

      </div>

   </div>

</template>

<script>

export default {

  name: 'Header'

}

</script>

<style lang="stylus" scoped>

.home-header

   width 100%

   height .88rem

   background-color #00bcd4

   color #ffffff

   display flex

   align-items center

   justify-content center

   .header-left

      width .4rem

      padding 0 .2rem

      line-height .88rem

      font-size .36rem

      .back-icon

         text-align center

         font-size .4rem

   .header-title

      height .6rem

      line-height .6rem

      margin .14rem 0

      padding-left .2rem

      border-radius .06rem

      background-color #ffffff

      color #e4e7ea

      flex 1

   .header-right

      min-width 1.04rem

      padding 0 .1rem

      .arrow-icon

         vertical-align middle

         font-size .24rem

         margin-left .04rem

</style>

​