| | |
| | | <template> |
| | | <div :class="`wrapper ${$state.theme === 'red' ? 'red-theme' : 'black-theme'}`" style="background-color: #21212b;"> |
| | | <div |
| | | :class="`wrapper ${$state.theme === 'red' ? 'red-theme' : 'black-theme'}`" |
| | | style="background-color: #21212b" |
| | | > |
| | | <div> |
| | | <div @click="list_type=!list_type">1</div> |
| | | </div> |
| | |
| | | </mt-tab-container-item> |
| | | </mt-tab-container> --> |
| | | <!-- <foot></foot> --> |
| | | <div style="background-color: #21212b;"> |
| | | <div style="background-color: #21212b"> |
| | | <div class="list-title"> |
| | | <div class="list-left">代码</div> |
| | | <div class="list-conter">最in假</div> |
| | | <div class="list-right">涨跌幅</div> |
| | | </div> |
| | | <div class="list-content" v-for="item in 20"> |
| | | <div class="list-content" v-for="item in 20" :key="item"> |
| | | <div class="list-left"> |
| | | <div class="taini"> |
| | | <span class="circular">●</span> |
| | |
| | | </template> |
| | | |
| | | <script> |
| | | |
| | | // import '@/assets/style/common.less' |
| | | import List0 from './list-all' |
| | | import List1 from './list-index' |
| | | import List2 from './list-stock' |
| | | import List3 from './list-kechuang' |
| | | import List4 from './list-futures' |
| | | import * as api from '@/axios/api' |
| | | import { Toast } from 'mint-ui' |
| | | import List0 from "./list-all"; |
| | | import List1 from "./list-index"; |
| | | import List2 from "./list-stock"; |
| | | import List3 from "./list-kechuang"; |
| | | import List4 from "./list-futures"; |
| | | import * as api from "@/axios/api"; |
| | | import { Toast } from "mint-ui"; |
| | | |
| | | export default { |
| | | components: { |
| | | |
| | | List0, |
| | | List1, |
| | | List2, |
| | |
| | | props: {}, |
| | | data () { |
| | | return { |
| | | selected: '', // 选中 |
| | | selected: "", // 选中 |
| | | count: 1000, |
| | | loading: false, |
| | | list_type:false, |
| | | } |
| | | }; |
| | | }, |
| | | watch: {}, |
| | | computed: {}, |
| | | created () { |
| | | this.getProductSetting() |
| | | this.getProductSetting(); |
| | | if (!this.$store.state.userInfo.phone) { |
| | | this.getUserInfo() |
| | | this.getUserInfo(); |
| | | } |
| | | }, |
| | | mounted () { |
| | | if (this.$route.query.index) { |
| | | this.selected = this.$route.query.index |
| | | this.selected = this.$route.query.index; |
| | | } |
| | | }, |
| | | methods: { |
| | | toSearch () { |
| | | this.$router.push('/searchlist') |
| | | this.$router.push("/searchlist"); |
| | | }, |
| | | changeNavOptions (opts) { |
| | | this.selected = opts |
| | | this.selected = opts; |
| | | }, |
| | | async getUserInfo () { |
| | | // 获取用户信息 |
| | | let data = await api.getUserInfo() |
| | | let data = await api.getUserInfo(); |
| | | if (data.status === 0) { |
| | | this.$store.state.userInfo = data.data |
| | | this.$store.state.userInfo = data.data; |
| | | } else { |
| | | Toast(data.msg) |
| | | Toast(data.msg); |
| | | } |
| | | }, |
| | | async getProductSetting () { |
| | | let data = await api.getProductSetting() |
| | | let data = await api.getProductSetting(); |
| | | if (data.status === 0) { |
| | | this.$store.state.settingForm = data.data |
| | | this.$store.state.settingForm = data.data; |
| | | // 1 指数 2 沪深 3科创 4 期货 |
| | | if (this.$store.state.settingForm.indexDisplay) { |
| | | this.selected = '1' |
| | | this.selected = "1"; |
| | | } else if (this.$store.state.settingForm.stockDisplay) { |
| | | this.selected = '2' |
| | | this.selected = "2"; |
| | | } else if (this.$store.state.settingForm.kcStockDisplay) { |
| | | this.selected = '3' |
| | | this.selected = "3"; |
| | | } else { |
| | | this.selected = '4' |
| | | this.selected = "4"; |
| | | } |
| | | } else { |
| | | this.$message.error(data.msg) |
| | | this.$message.error(data.msg); |
| | | } |
| | | } |
| | | } |
| | | } |
| | | }, |
| | | }, |
| | | }; |
| | | </script> |
| | | <style lang="less" scoped> |
| | | .is-selected .mint-tab-item-label:hover { |
| | |
| | | } |
| | | &.is-selected{ |
| | | position: relative; |
| | | background:linear-gradient(0deg,rgba(27,166,208,1),rgba(2,116,150,1)); |
| | | background: linear-gradient( |
| | | 0deg, |
| | | rgba(27, 166, 208, 1), |
| | | rgba(2, 116, 150, 1) |
| | | ); |
| | | &::after{ |
| | | position: absolute; |
| | | content: ''; |
| | | content: ""; |
| | | display: block; |
| | | width: 0.67rem; |
| | | height: 0.06rem; |
| | | background-color: #138EB4; |
| | | background-color: #138eb4; |
| | | bottom: 0; |
| | | left: 50%; |
| | | margin-left: -0.335rem; |
| | |
| | | } |
| | | } |
| | | .top-search{ |
| | | padding: .2rem; |
| | | padding: 0.2rem; |
| | | .top-search-btn { |
| | | background-color: #16171d; |
| | | padding: .1rem .2rem; |
| | | width: 1.60rem; |
| | | padding: 0.1rem 0.2rem; |
| | | width: 1.6rem; |
| | | text-align: center; |
| | | border-radius: .2rem; |
| | | border-radius: 0.2rem; |
| | | color: #fff; |
| | | border: 1px solid rgb(96, 125, 139); |
| | | margin: 0 auto; |
| | |
| | | } |
| | | .top-navbar{ |
| | | /deep/.mint-tab-item{ |
| | | background-color: #CBCBCB; |
| | | background-color: #cbcbcb; |
| | | .mint-tab-item-label{ |
| | | color: #000; |
| | | } |
| | | &.is-selected{ |
| | | background: #BB1715; |
| | | background: #bb1715; |
| | | .mint-tab-item-label{ |
| | | color: #fff; |
| | | } |