products/uni-shop/pages/refund/refund.vue

<template>
  <v-header
      title="退款/售后"
      backgroundColor="#fff"
  >
    <view class="screen_all">
      <tab
          :tabs="tabsData"
          @change="change"
          :value="value"
          :first="true"
          color="#028748"
      >
        <layout-refund-order
            v-for="(item,index) in tabsData"
            :key="index"
            v-if="loadings[index]"
            :type="item.type"
            page="refund"
            :emptyText="item.emptyText"
            @useTarget="bindTarget"
            :index="index"
            :slot="'tab-'+index"
        ></layout-refund-order>
      </tab>
    </view>
  </v-header>
</template>

<script>
import vHeader from '@/components/v-header/main';
import tab from '@/components/tab/main';
import layoutRefundOrder from '@/layout/layout-refund-order/layout-refund-order';
import mixins from './mixins';
export default {
  mixins,
  components:{
    vHeader,
    tab,
    layoutRefundOrder
  }
}
</script>

<style scoped lang="scss" src="./style.scss">

</style>