hintDetail.vue 949 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. <template>
  2. <div class="hintDetail">
  3. <div class="header">
  4. <van-nav-bar class="navBar" title="门店拜访" left-arrow @click-left="onClickLeft" />
  5. </div>
  6. <div class="tab">
  7. <van-tabs class="myTab" type="card" v-model="tabVal" color="#0057ba" @change="tabChange">
  8. <van-tab
  9. :title="item.title"
  10. :name="item.name"
  11. v-for="(item, index) in tabsItem"
  12. :key="index"></van-tab>
  13. </van-tabs>
  14. </div>
  15. </div>
  16. </template>
  17. <script>
  18. export default {
  19. data() {
  20. return {
  21. tabVal: 0,
  22. tabsItem: [
  23. {
  24. title: '未拜访',
  25. name: '0',
  26. },
  27. {
  28. title: '建店',
  29. name: '1',
  30. },
  31. {
  32. title: '色卡',
  33. name: '0',
  34. },
  35. ],
  36. };
  37. },
  38. methods: {
  39. tabChange(val) {},
  40. onClickLeft() {
  41. this.$router.go(-1);
  42. },
  43. },
  44. };
  45. </script>
  46. <style lang="scss" scoped></style>