| | |
| | | <div> |
| | | <div class="contract-header"> |
| | | <div class="pl-30 pr-30"> |
| | | <div class="flex justify-center pt-45 before"> |
| | | <div class="flex pt-45 before"> |
| | | <div class="flex items-center justify-center"> |
| | | <!-- <img :src="require(`@/assets/theme/${theme}/image/icon_back.png`)" class="w-35 h-35 back" alt="" |
| | | @click="$router.push(`/trendDetails/${symbol}`)"> --> |
| | |
| | | </div> |
| | | <div class="flex justify-between pt-34"> |
| | | <button |
| | | class="tabBtn w-368 h-74 lh-74 border-none rounded" |
| | | class="w-368 h-74 lh-74" |
| | | :class="selectIndex == 1 ? 'select-active' : 'no-select'" |
| | | @click="changeTab(1)" |
| | | > |
| | | {{ $t("永续合约") }} |
| | | </button> |
| | | <button |
| | | class="tabBtn w-368 m-[10px] h-74 lh-74 border-none rounded" |
| | | :class="selectIndex == 3 ? 'select-active' : 'no-select'" |
| | | @click="$router.push('/trade/btc')" |
| | | > |
| | | {{ $t("币币交易") }} |
| | | </button> |
| | | <button |
| | | class="tabBtn w-368 h-74 lh-74 border-none rounded" |
| | | class="w-368 h-74 lh-74" |
| | | :class="selectIndex == 2 ? 'select-active' : 'no-select'" |
| | | @click="changeTab(2)" |
| | | > |
| | | {{ $t("期权交易") }} |
| | | {{ $t("交割合约") }} |
| | | </button> |
| | | </div> |
| | | </div> |
| | |
| | | }; |
| | | }, |
| | | created() { |
| | | this.$emit("tab", this.$route.params.type); |
| | | // this.coins = this.coinList.map(item => item.symbol) |
| | | // console.log('this.coins', this.coins) |
| | | }, |
| | |
| | | </script> |
| | | |
| | | <style lang="scss" scoped> |
| | | @import "@/assets/init.scss"; |
| | | |
| | | .before { |
| | | position: relative; |
| | | |
| | |
| | | |
| | | .select-active { |
| | | background-color: transparent; |
| | | |
| | | color: white !important; |
| | | |
| | | @include themify() { |
| | | background: themed("color_main"); |
| | | } |
| | | |
| | | border: none; |
| | | border: 0px; |
| | | color: $newcolor; |
| | | } |
| | | |
| | | .no-select { |
| | | background-color: transparent; |
| | | border: 0px; |
| | | color: $newcolor1; |
| | | } |
| | | |
| | | // 弹出层样式 |