weixin_45429792 2022-08-03 18:30 采纳率: 33.3%
浏览 34
已结题

vant标签页这个组件,怎么将内容放置在标签页上方?

img

vant标签页这个组件,怎么将内容放置在标签页上方?


<van-tabs v-model:active="active">
  <van-tab title="标签 1">内容 1</van-tab>
  <van-tab title="标签 2">内容 2</van-tab>
  <van-tab title="标签 3">内容 3</van-tab>
  <van-tab title="标签 4">内容 4</van-tab>
</van-tabs>

就是这段代码,内容在标签页上方

  • 写回答

3条回答 默认 最新

  • Z_pigeon 2022-08-04 09:13
    关注

    img


    你在这个页面,添加个页面

    
    .页面类 .van-tabs {
         display: flex;
        flex-direction: column-reverse;
    }
    

    页面类是你当前页面的,避免影响到全局的标签页样式,然后设置样式如上,让他的元素倒着排

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题?

问题事件

  • 系统已结题 8月13日
  • 已采纳回答 8月5日
  • 创建了问题 8月3日