| | |
| | | <template> |
| | | <div> |
| | | <!-- 搜索框 --> |
| | | <div class="pages_title"> |
| | | <div class="pages_title_txt">{{$t('hj225')}}</div> |
| | | </div> |
| | | <div class="search"> |
| | | <div class="search_content"> |
| | | <div class="left_search"> |
| | |
| | | /> |
| | | </div> |
| | | </div> |
| | | <div class="right_search">Search</div> |
| | | <div class="right_search" @click="sousuo">{{ $t("Search") }}</div> |
| | | </div> |
| | | </div> |
| | | <tabsList /> |
| | | |
| | | <tabsList ref="tabsList" /> |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | | import tabsList from "./tradingList/tabs"; |
| | | export default { |
| | | name: "TradingList", |
| | | components: { tabsList }, |
| | | data() { |
| | | return { |
| | | gpcode: "", |
| | | gpcode: "" |
| | | }; |
| | | }, |
| | | methods: { |
| | | gpinput(e) { |
| | | console.log(clickTab, "clickTab"); |
| | | sousuo() { |
| | | this.$refs.tabsList.sousuo = this.gpcode; |
| | | }, |
| | | }, |
| | | gpinput(e) { |
| | | this.gpcode = e.target.value; |
| | | this.$refs.tabsList.sousuo = e.target.value; |
| | | } |
| | | } |
| | | }; |
| | | </script> |
| | | |
| | | <style scoped lang="less"> |
| | | .pages_title_txt{ |
| | | margin: 20px; |
| | | font-size: 25px; |
| | | color: #285F52; |
| | | } |
| | | .pages_title{ |
| | | border-bottom: 1px solid #bebebe; |
| | | } |
| | | .search { |
| | | height: 1rem; |
| | | display: flex; |
| | |
| | | justify-content: center; |
| | | margin: 15px 22px; |
| | | position: relative; |
| | | z-index: 3000; |
| | | z-index: 99; |
| | | |
| | | .search_content { |
| | | width: 100%; |
| | |
| | | text-align: center; |
| | | height: 100%; |
| | | border-radius: 0.5rem; |
| | | background-color: #0066ed; |
| | | background-color: #185546; |
| | | color: #ffffff; |
| | | font-weight: bold; |
| | | margin-left: 20px; |
| | | padding: 0 10px; |
| | | } |
| | | } |
| | | </style> |
| | | </style> |