| | |
| | | </div> |
| | | <div class="right_title"> |
| | | <div class="t_t" style="white-space: nowrap"> |
| | | <span>{{ singDetails.spell }}</span> |
| | | <span>{{ singDetails.name }}({{ singDetails.gid }})</span> |
| | | </div> |
| | | <div class="b_t"> |
| | | <span>{{ singDetails.code }}</span> |
| | | <span>{{ singDetails.spell }}</span> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | </span> |
| | | </div> |
| | | <div class="sanjiao"> |
| | | |
| | | |
| | | </div> |
| | | </div> |
| | | <div class="bottom_balance"> |
| | |
| | | }}</span> --> |
| | | <span |
| | | :class="singDetails.hcrate > 0 ? 'price green' : 'price red'" |
| | | >{{ singDetails.nowPrice }}</span |
| | | >₹{{ singDetails.nowPrice }}</span |
| | | > |
| | | </div> |
| | | <div class="bottom_now"> |
| | |
| | | ? '+' : '' |
| | | }}{{ (singDetails.nowPrice - singDetails.preclose_px).toFixed(2) }}</span> --> |
| | | <span v-else> |
| | | {{ |
| | | (singDetails.nowPrice - singDetails.preclose_px).toFixed( |
| | | 2 |
| | | ) || 0 |
| | | ₹{{ |
| | | (singDetails.nowPrice - singDetails.preclose_px).toFixed(2) |
| | | }}</span |
| | | > |
| | | </div> |
| | |
| | | <span v-if="singDetails.nowPrice === 0">-</span> |
| | | <!-- <span v-else>({{ singDetails.nowPrice - singDetails.preclose_px > 0 ? '+' : '' }} |
| | | {{ singDetails.hcrate ? singDetails.hcrate : '0' }}%)</span> --> |
| | | <span v-else |
| | | >({{ singDetails.hcrate > 0 ? "+" : "" }} |
| | | {{ singDetails.hcrate ? singDetails.hcrate : "0" }}%)</span |
| | | <span v-else> |
| | | ({{ singDetails.hcrate ? singDetails.hcrate : "0" }}%)</span |
| | | > |
| | | </div> |
| | | </div> |
| | |
| | | :class=" |
| | | singDetails.hcrate > 0 ? 'number green' : 'number red' |
| | | " |
| | | >{{ singDetails.open_px }}</span |
| | | >₹{{ singDetails.open_px }}</span |
| | | > |
| | | </div> |
| | | <div class="rights topes"> |
| | |
| | | :class=" |
| | | singDetails.hcrate > 0 ? 'number green' : 'number red' |
| | | " |
| | | >{{ singDetails.today_max }}</span |
| | | >₹{{ singDetails.today_max }}</span |
| | | > |
| | | </div> |
| | | </div> |
| | |
| | | :class=" |
| | | singDetails.hcrate > 0 ? 'number green' : 'number red' |
| | | " |
| | | >{{ singDetails.preclose_px }}</span |
| | | >₹{{ singDetails.preclose_px }}</span |
| | | > |
| | | </div> |
| | | <div class="rights bots"> |
| | | <div class="rights bots"> |
| | | <span class="titles">{{ $t("hj75") }}</span> |
| | | <!-- <span :class="singDetails.preclose_px < 0 ? 'number green' : 'number red'">{{ |
| | | singDetails.today_min |
| | |
| | | :class=" |
| | | singDetails.hcrate > 0 ? 'number green' : 'number red' |
| | | " |
| | | >{{ singDetails.today_min }}</span |
| | | >₹{{ singDetails.today_min }}</span |
| | | > |
| | | </div> |
| | | </div> |
| | |
| | | </div> |
| | | </div> |
| | | <div class="k_line_detail"> |
| | | <Kline :type="singDetails.type" /> |
| | | <Kline :key="key" :type="singDetails.type" /> |
| | | </div> |
| | | <div |
| | | class="priect_top_bottom" |
| | |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <div |
| | | <!-- <div |
| | | class="jianjie" |
| | | v-if=" |
| | | !(kLineDetails.if_zhishu != '0' && singDetails.gid.indexOf('hk') > -1) |
| | |
| | | <div class="jet"> |
| | | <span>{{ jianjie }}</span> |
| | | </div> |
| | | </div> |
| | | <div |
| | | </div> --> |
| | | <!-- <div |
| | | class="hknews" |
| | | v-if=" |
| | | kLineDetails.if_zhishu != '0' && singDetails.gid.indexOf('hk') > -1 |
| | |
| | | </mt-tab-container-item> |
| | | </mt-tab-container> |
| | | </div> |
| | | </div> |
| | | <div class="hknews" v-else> |
| | | </div> --> |
| | | <!-- <div class="hknews" v-else> |
| | | <div class="news-tab"> |
| | | <div class="t_title"> |
| | | <span>{{ $t("hj6") }}</span> |
| | |
| | | </mt-tab-container-item> |
| | | </mt-tab-container> |
| | | </div> |
| | | </div> |
| | | </div> --> |
| | | <!-- <div class="border_bottom"></div> --> |
| | | </div> |
| | | <div class="btns"> |
| | |
| | | <span>{{ $t("hj84") }}</span> |
| | | </div> |
| | | <div class="bottom_buy"> |
| | | <span>{{ singDetails.nowPrice }}</span> |
| | | <span>₹{{ singDetails.nowPrice }}</span> |
| | | </div> |
| | | </div> |
| | | <div class="sell_btn" @click="goBuy(1)"> |
| | |
| | | <span>{{ $t("hj85") }}</span> |
| | | </div> |
| | | <div class="bottom_sell"> |
| | | <span>{{ singDetails.nowPrice }}</span> |
| | | <span>₹{{ singDetails.nowPrice }}</span> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | newsdetailList: [], |
| | | bayType: "", |
| | | timer: null, |
| | | key:0, |
| | | }; |
| | | }, |
| | | components: { |
| | |
| | | } else { |
| | | this.timer = setInterval(() => { |
| | | this.getSingDetails(); |
| | | }, 500); |
| | | }, 5000); |
| | | } |
| | | this.getOpation(); |
| | | // this.$Lazyload(); |
| | |
| | | type: this.kLineDetails.if_zhishu, |
| | | id: this.singDetails.id, |
| | | name: this.kLineDetails.name, |
| | | spell: this.singDetails.spell, |
| | | if_us: this.kLineDetails.if_us, |
| | | bayType: this.bayType, |
| | | gid: this.singDetails.gid, |
| | | }, |
| | | }); |
| | | if (navigator.vibrate) { |
| | |
| | | |
| | | .k_line_detail { |
| | | width: 100%; |
| | | height: 8.3rem; |
| | | height: calc(100vh - 300px); |
| | | background: #fff; |
| | | border-radius: 0 0 0.3rem 0.3rem; |
| | | } |
| | |
| | | .top_now { |
| | | width: 100%; |
| | | // height: 65%; |
| | | font-size: 0.741rem; |
| | | font-size: 25px; |
| | | display: flex; |
| | | align-items: center; |
| | | |
| | | font-weight: bold; |
| | | span { |
| | | font-weight: 500; |
| | | } |
| | |
| | | } |
| | | |
| | | .right_ets { |
| | | max-width: 60%; |
| | | max-width: 70%; |
| | | height: 100%; |
| | | |
| | | > div { |