| | |
| | | <img src="@/assets/image/quotes/grey-select.png" alt="select-icon" class="select-icon" /> |
| | | </div> |
| | | <div class="option-box" v-show="isShow"> |
| | | <div class="font-30" v-for="(item, index) in selectData" :key="item.type" @click="selectItem(item, index)"> |
| | | <div class="font-30" v-for="(item, index) in selectData" :key="item.type" |
| | | @click="selectItem(item, index)"> |
| | | {{ |
| | | item.title }} |
| | | </div> |
| | |
| | | </div> |
| | | <van-button type="danger" class="buy-btn" @click="handleOrder()">{{ props.isSell ? (t('卖出')) |
| | | : (t('买入')) |
| | | }}</van-button> |
| | | }}</van-button> |
| | | <p class="desc"> |
| | | <span class="label"> |
| | | {{ t('IndividualStockPositions') }}:<span class="num">100%</span> |
| | |
| | | </ul> |
| | | |
| | | </div> |
| | | <img src="../../../assets/image/public/record.png" alt="record-img" class="pr-5 record-img " @click="goHistory" /> |
| | | <img src="../../../assets/image/public/record.png" alt="record-img" class="pr-5 record-img " |
| | | @click="goHistory" /> |
| | | </div> |
| | | </div> |
| | | <section class="etf-container"> |
| | |
| | | </section> |
| | | <div class="kline-container flex" v-if="showKlineChart"> |
| | | <div class="chart-index"> |
| | | <fx-kline :height="500" :symbol="symbol" :isShowsolid="true" :chartType="chartType" v-if="symbol" @data="onData" |
| | | :key="`${symbol}-${timeValue}`" /> |
| | | <fx-kline :height="500" :symbol="symbol" :isShowsolid="true" :chartType="chartType" v-if="symbol" |
| | | @data="onData" :key="`${symbol}-${timeValue}`" /> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </section> |
| | | </template> |
| | | |
| | | |
| | | <script setup> |
| | | import { ref, onMounted, onBeforeUnmount, computed, reactive, onUnmounted, watch,defineExpose } from 'vue'; |
| | | import { ref, onMounted, onBeforeUnmount, computed, reactive, onUnmounted, watch, defineExpose } from 'vue'; |
| | | import { useRoute, useRouter } from 'vue-router'; |
| | | import { Tab, Tabs } from 'vant'; |
| | | import { |
| | |
| | | no_zeroList.value = res.no_zero; |
| | | }) |
| | | } |
| | | const loadInit = () =>{ |
| | | const loadInit = () => { |
| | | activePercenIndex.value = -1 |
| | | form.total = '' |
| | | form.volume = '' |
| | |
| | | } |
| | | |
| | | :deep(.van-overlay) { |
| | | background: rgba(0, 0, 0, .5); |
| | | background: rgba(255, 2550, 255, .5); |
| | | } |
| | | |
| | | :deep(.van-popup) { |