| | |
| | | </template> |
| | | </van-tab> |
| | | </van-tabs> |
| | | <div v-if="active == ''"> |
| | | <div v-if="active == 'zx'"> |
| | | <van-tabs |
| | | :active="zxactive" |
| | | line-width="15px" |
| | |
| | | |
| | | <script> |
| | | import dataList from "./data.list.vue"; |
| | | |
| | | export default { |
| | | components: { dataList }, |
| | | mounted() { |
| | | this.active = this.$route.query.type || "IN"; |
| | | }, |
| | | data() { |
| | | return { |
| | | tabsList: [ |
| | | { title: this.$t("hj61"), key: "" }, |
| | | { title: this.$t("数字货币"), key: "1", name: "SZHB" }, |
| | | { title: this.$t("马股"), key: "2", name: "MAS" }, |
| | | { title: this.$t("美股"), key: "3", name: "US" }, |
| | | { title: this.$t("印股"), key: "IN", name: "IN" }, |
| | | { title: this.$t("hj621"), key: "DZ", name: "DZ" }, |
| | | ], |
| | | zxtabsList: [ |
| | | { title: this.$t("数字货币"), key: "1", name: "SZHB" }, |
| | | { title: this.$t("马股"), key: "2", name: "MAS" }, |
| | | { title: this.$t("美股"), key: "3", name: "US" }, |
| | | ], |
| | | active: "1", |
| | | zxactive: "1", |
| | | zxtabsList: [{ title: this.$t("印股"), key: "IN", name: "IN" }], |
| | | active: "", |
| | | zxactive: "IN", |
| | | sousuo: "", |
| | | }; |
| | | }, |
| | |
| | | .title { |
| | | // color: red; |
| | | font-size: 18px; |
| | | padding: 10px 20px 10px; |
| | | // padding: 10px 20px 10px; |
| | | } |
| | | /deep/ .van-tabs--line .van-tabs__wrap { |
| | | height: 50px; |
| | | } |
| | | </style> |
| | | </style> |