<view class="all">
             <!-- 头部选项卡 -->
             <view class="head-nav">
                 <view :class="navIndex==0?'activite':''" @click="checkIndex(0)">未支付</view>
                 <view :class="navIndex==1?'activite':''" @click="checkIndex(1)">配送中</view>
                 <view :class="navIndex==2?'activite':''" @click="checkIndex(2)">11</view>
             </view>
    <!-- 内容切换 -->
             <view class="content" v-if="navIndex==0">

              我是选项一
              </view>
             <view class="content" v-if="navIndex==1">
                 我是选项二
             </view>
             <view class="content" v-if="navIndex==3">
                 我是选项三
             </view>
         </view>

    navIndex: 0,

    methods:{
            checkIndex(index) {
                this.navIndex = index;
            },
        }