11

flowstocktrading

2022-10-31 75daba0b2b0109ef4c9533a83ae636475458a892

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
<template>
  <div class="img">
    <mt-navbar v-model="selected">
      <mt-tab-item id="1">分时</mt-tab-item>
      <mt-tab-item id="2">5分</mt-tab-item>
      <mt-tab-item id="3">15分</mt-tab-item>
      <mt-tab-item id="4">30分</mt-tab-item>
      <mt-tab-item id="5">日线</mt-tab-item>
    </mt-navbar>
 
    <!-- tab-container -->
    <mt-tab-container v-model="selected">
      <mt-tab-container-item id="1">
        <chart1 :selected="selected" :code="code"></chart1>
      </mt-tab-container-item>
      <mt-tab-container-item id="2">
        <chart2 :selected="selected" :code="code"></chart2>
      </mt-tab-container-item>
      <mt-tab-container-item id="3">
        <chart3 :selected="selected" :code="code"></chart3>
      </mt-tab-container-item>
      <mt-tab-container-item id="4">
        <!-- <img class="img" :src="imgList.monthImg" alt=""> -->
        <chart4 :selected="selected" :code="code"></chart4>
      </mt-tab-container-item>
      <mt-tab-container-item id="5">
        <chart5 :selected="selected" :code="code"></chart5>
      </mt-tab-container-item>
    </mt-tab-container>
  </div>
</template>
 
<script>
import chart1 from './chart.vue'
import chart2 from './chart-1.vue'
import chart3 from './chart-2.vue'
import chart4 from './chart-3.vue'
import chart5 from './chart-day.vue'
 
export default {
  components: {
    chart1,
    chart2,
    chart3,
    chart4,
    chart5
  },
  props: {
    imgList: {
      type: Object,
      default: function () {}
    },
    code: {
      type: String,
      default: function () {}
    }
  },
  data () {
    return {
      selected: '1'
    }
  },
  watch: {
    selected () {
    }
  },
  computed: {},
  created () {},
  mounted () {},
  methods: {}
}
</script>
<style lang="less" scoped>
  .mint-navbar {
    background: none;
 
    .mint-tab-item.is-selected {
      border: none;
    }
  }
 
  .img {
    min-height: 5rem;
    width: 100%;
    height: 100%;
  }
</style>