| | |
| | | <div class="trading-title"> |
| | | {{ $t("message.jiaoyi.jiaoyishiduan") }} |
| | | </div> |
| | | <div class="trading-input-box"> |
| | | <div class="trading-popup"> |
| | | <ul> |
| | | <li |
| | | v-for="(item, index) in list" |
| | | :key="index" |
| | | @click.stop="timeBtn(item, index)" |
| | | :class="[activeIndex == index ? 'active' : '']" |
| | | > |
| | | {{ item.time_num }} |
| | | <span v-if="item.time_unit == 'second'">s</span> |
| | | <span v-if="item.time_unit == 'minute'">m</span> |
| | | <span v-if="item.time_unit == 'hour'">h</span> |
| | | <span v-if="item.time_unit == 'day'">d</span> |
| | | <div style="margin: 0 5px"></div> |
| | | {{ item.profit_ratio }} % |
| | | </li> |
| | | </ul> |
| | | </div> |
| | | <!-- <div class="trading-input-box"> |
| | | <div class="input-box">{{ deliveryValue }}</div> |
| | | <div> |
| | | <i class="el-icon-caret-bottom"></i> |
| | |
| | | </li> |
| | | </ul> |
| | | </div> |
| | | </div> |
| | | </div> --> |
| | | </div> |
| | | <!-- 交易数量输入 --> |
| | | <div class="trading-session-box"> |
| | | <div class="trading-title">{{ $t("message.jiaoyi.shuliang") }}</div> |
| | | <div class="trading-session-box" style="margin-top: 120px;"> |
| | | <div class="trading-title">{{ $t("message.jiaoyi.jine") }}</div> |
| | | <div class="trading-input-box"> |
| | | <div class="input-box"> |
| | | <input |
| | |
| | | </div> |
| | | </div> |
| | | <!-- 数量百分比 --> |
| | | <div class="tab-box"> |
| | | <!-- <div class="tab-box"> |
| | | <div |
| | | class="tab-item" |
| | | v-for="(item, index) in fastList" |
| | |
| | | > |
| | | {{ item }}% |
| | | </div> |
| | | </div> |
| | | </div> --> |
| | | <!-- 买入按钮 --> |
| | | <button |
| | | v-if="existToken" |
| | |
| | | :dialogVisible="detailVisible" |
| | | :pageData="currencyData" |
| | | @closeDialog="handleCloseDetailDialog" |
| | | :showDetail = "showDetail" |
| | | ></detail-dialog> |
| | | <!-- 确认弹窗 --> |
| | | <dialog-confirm |
| | |
| | | deliveryType: "buy", |
| | | buyAndSellData: {}, |
| | | canOpen: true, //能否开仓,false表示处于休市状态 |
| | | showDetail: {} |
| | | }; |
| | | }, |
| | | watch: { |
| | |
| | | symbol: 'btc', |
| | | // token: this.userInfo.token, |
| | | }).then((res) => { |
| | | console.log(res.data) |
| | | // console.log(res.data) |
| | | this.volume = res.data.amount; |
| | | this.sessionToken = res.data.session_token; |
| | | this.list = res.data.para; //交易时段 |
| | |
| | | order_no: res.data.order_no, |
| | | symbol: this.currencyData.symbol, |
| | | }; |
| | | bus.emit("showDetail", obj); |
| | | this.showDetail = obj |
| | | // bus.emit("showDetail", obj); |
| | | ElMessage({ |
| | | message: this.$t("message.jiaoyi.kaicangchenggong"), |
| | | type: "success", |
| | |
| | | position: absolute; |
| | | overflow-y: scroll; |
| | | left: 0; |
| | | height: 260px; |
| | | height: 165px; |
| | | z-index: 2; |
| | | top: 45px; |
| | | top: 75px; |
| | | } |
| | | |
| | | .trading-popup ul { |