| | |
| | | <div class="flex flex-col flex-1 font-28" style="width: 280px;"> |
| | | <div class="flex items-center h-66 tabBackground text-grey"> |
| | | <p class="font-28 flex-1 flex items-center justify-center h-66 buy-item" |
| | | :class="currentType == 'open' ? 'open' : ''" @click="changeTab('open')">{{ $t('买入') }}</p> |
| | | :class="currentType === 'open' ? 'open' : ''" @click="currentType = 'open'">{{ $t('买入') }}</p> |
| | | <p class="font-28 flex-1 flex items-center justify-center h-66 buy-item" |
| | | :class="currentType == 'close' ? 'close' : ''" @click="changeTab('close')">{{ $t('卖出') }}</p> |
| | | :class="currentType === 'close' ? 'close' : ''" @click="currentType = 'close'">{{ $t('卖出') }}</p> |
| | | </div> |
| | | |
| | | <div class="mt-22 mb-22 inputBackground" style="position:relative;"> |
| | |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <!-- {{ form }} --> |
| | | <div class="h-70 lh-70 inputBackground mb-25 flex justify-center px-16 textColor2"> |
| | | <input placeholder="" class="targetPrice w-full h-70 border-none" v-model="form.price" |
| | | :disabled="type / 1 === 1" /> |
| | |
| | | [Tab.name]: Tab |
| | | }, |
| | | props: { |
| | | |
| | | symbol: { |
| | | type: String, |
| | | default: '' |
| | | }, |
| | | symbol: { |
| | | type: String, |
| | | default: '' |
| | |
| | | order_price_type: 'opponent', // 市价or限价 |
| | | }, |
| | | type: "1",//选中市价或限价类型 |
| | | // currentType: "close", //开仓类型 |
| | | currentType: 'open', // 默认选中买入 |
| | | interval: 0.001, |
| | | marks: (val) => val % 25 === 0, |
| | | isTotal: false, |
| | |
| | | ] |
| | | this.title = this.selectData[0].title |
| | | this.type = this.selectData[0].type |
| | | // this.currentType = this.currentTypes |
| | | // this.currentType = this.currentTypes |
| | | this.form.order_price_type = 'opponent' |
| | | }, |
| | | methods: { |
| | |
| | | .close { |
| | | background-color: #DE5D56; |
| | | // background: url(@/assets/image/public/close-bg.png) no-repeat left center; |
| | | |
| | | |
| | | background-size: 100% 100%; |
| | | color: white; |
| | | } |
| | |
| | | color: $text_color; |
| | | } |
| | | </style> |
| | | |