VIPApply.vue 775 B

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. <template>
  2. <van-tabs v-model="active" sticky class="vanTabs" @change="onChange" color="#14928A">
  3. <van-tab title="VIP申请" :name="1">
  4. <vip-00-apply v-if="active === 1" />
  5. </van-tab>
  6. <van-tab title="双十一排课" :name="2">
  7. <vip-11-apply v-if="active === 2" />
  8. </van-tab>
  9. </van-tabs>
  10. </template>
  11. <script>
  12. import vip00Apply from './VIP00Apply'
  13. import vip11Apply from './VIP11Apply'
  14. export default {
  15. components: {
  16. vip00Apply,
  17. vip11Apply
  18. },
  19. data() {
  20. return {
  21. active: 1
  22. }
  23. },
  24. methods: {
  25. onChange(value) {
  26. if(value == 1) {
  27. document.title = 'VIP课程申请'
  28. } else if(value == 2) {
  29. document.title = '双十一排课'
  30. }
  31. }
  32. }
  33. }
  34. </script>
  35. <style lang="less" scoped>
  36. .vanTabs {
  37. min-height: 100vh;
  38. overflow: hidden;
  39. }
  40. </style>