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
| <template>
| <div class="market_list">
| <tab-head :title="$t('hj62')"></tab-head>
|
| <div class="tui-search">
| <van-field
| v-model="keyValue"
| :placeholder="$t('hj37')"
| right-icon="search"
| @click-right-icon="search"
| />
| </div>
| <stock-list :propOption="propOption" ref="stockList"></stock-list>
| </div>
| </template>
|
| <script>
| import tabHead from "@/components/tabHead.vue";
| import stockList from "@/components/stock-list.vue";
| export default {
| data() {
| return {
| keyValue: "" // 搜索
| };
| },
| components: {
| stockList,
| tabHead
| },
| computed: {
| // 传递给列表组件的类型值
| propOption() {
| return { stockType: "US", keyWords: this.keyValue };
| }
| },
| methods: {
| // 搜索
| search() {
| this.$refs.stockList.init();
| }
| }
| };
| </script>
|
| <style lang="less" scoped>
| /deep/ .van-cell {
| background-color: rgba(#000, 0);
| border: rgba(#fff, 0.5) 2px solid;
| border-radius: 5em;
| }
| /deep/ .van-icon {
| font-size: 1.6em;
| }
| .market_list {
| font-size: 10vw;
| width: 100vw;
| min-height: 100vh;
| padding-bottom: 1.5rem;
|
| .tui-search {
| padding: 0.225em;
| }
| }
| </style>
|
|
