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
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
| <template>
| <div class="wrapper">
| <ul class="table-list" v-if="false">
| <li class="title">
| <div>
| <ul class="clearfix">
| <li class="li-title">{{ $t("hj52") }}</li>
| <li class="li-base">{{ $t("jy20") }}</li>
| <li class="li-base">{{ $t("hj41") }}</li>
| <!-- <li class="li-base">
| </li> -->
| </ul>
| </div>
| </li>
| </ul>
| <ul>
| <li v-for="item in list" :key="item.key">
| <div class="box-gp" @click="toDetail(item.code)">
| <!-- <div class="name">
| {{item.title}}<span class="code">{{item.code}}</span>
| <span class="pull-right">{{item.status==1?'可买入':'不可买'}}</span>
| </div> -->
| <div class="con clearfix">
| <div class="col-xs-4">
| <p>
| <span>{{ item.title }}</span>
| </p>
| <p class="title">
| <span>{{ item.code }}</span>
| </p>
| </div>
| <div class="col-xs-4">
| <p class="number red">{{ item.nowPrice }}</p>
| <p class="title">{{ $t("jy78") }}</p>
| </div>
| <div class="col-xs-4">
| <p class="number red">{{ item.gain }}</p>
| <p class="title">{{ $t("hj41") }}</p>
| </div>
| </div>
| </div>
| </li>
| </ul>
| </div>
| </template>
|
| <script>
| export default {
| components: {},
| props: {},
| data() {
| return {
| list: [
| {
| title: this.$t("jy79"),
| code: "600000",
| nowPrice: "11.01",
| gain: "2.04%",
| high: "11.01",
| low: "10.07",
| status: 1
| },
| {
| title: this.$t("jy80"),
| code: "600000",
| nowPrice: "11.01",
| gain: "2.04%",
| high: "11.01",
| low: "10.07",
| status: 1
| },
| {
| title: this.$t("jy81"),
| code: "600000",
| nowPrice: "11.01",
| gain: "2.04%",
| high: "11.01",
| low: "10.07",
| status: 1
| },
| {
| title: this.$t("jy82"),
| code: "600000",
| nowPrice: "11.01",
| gain: "2.04%",
| high: "11.01",
| low: "10.07",
| status: 1
| }
| ]
| };
| },
| watch: {},
| computed: {},
| created() {},
| mounted() {},
| methods: {
| toDetail() {
| // 去列表页面
| this.$router.push("/listdetail");
| },
| getDetail() {}
| }
| };
| </script>
| <style lang="less" scoped></style>
|
|
