| | |
| | | <div class="focus_on" v-if="!loading"> |
| | | <div class="fo_content"> |
| | | <div class="top_title"> |
| | | {{ '最多关注' }} |
| | | {{ $t('hj5') }} |
| | | </div> |
| | | <div class="fo_banner"> |
| | | <van-swipe class="fo_my-swipe" :autoplay="0" indicator-color="white" @change="onChange"> |
| | |
| | | </div> |
| | | </van-swipe-item> --> |
| | | <van-swipe-item v-for="(item, index) in proData" :key="index"> |
| | | <div class="item_cont" :class="idx!=2?'item_conts':''" v-for="(item2, idx) in proData[currentIndex]" :key="idx" @click="goDetail(item2)"> |
| | | <div class="item_cont" :class="idx != 2 ? 'item_conts' : ''" |
| | | v-for="(item2, idx) in proData[currentIndex]" :key="idx" @click="goDetail(item2)"> |
| | | <div class="top_fo"> |
| | | <div class="title"> |
| | | {{ item2.name }} |
| | |
| | | <div class="bottom_fo"> |
| | | <div class="title"> |
| | | <span class="numberid" style="margin-right: 0.12rem;">{{ item2.symbol }}</span> |
| | | <div v-for="(items,indexs) in Number(item2.pnum.slice(0, 1))" style="width: 0.4rem;height: 0.4rem;display: flex;"> |
| | | <div v-for="(items, indexs) in Number(item2.pnum.slice(0, 1))" |
| | | style="width: 0.4rem;height: 0.4rem;display: flex;"> |
| | | <img v-if="indexs<3" :src="Huo" alt style="width: 0.4rem;height: 0.4rem;" /> |
| | | </div> |
| | | |
| | |
| | | <div class="news-tab"> |
| | | <mt-navbar v-model="news"> |
| | | <mt-tab-item id="tab_0"> |
| | | <span class="tab-name">新闻</span> |
| | | <span class="tab-name">{{ $t('hj6') }}</span> |
| | | </mt-tab-item> |
| | | <mt-tab-item id="tab_1"> |
| | | <span class="tab-name">经济</span> |
| | | <span class="tab-name">{{ $t('hj67') }}</span> |
| | | </mt-tab-item> |
| | | <mt-tab-item id="tab_2"> |
| | | <span class="tab-name">7×24</span> |
| | |
| | | announcementMess: "20202/10 - 交易时间安排", |
| | | navsArr: [{ |
| | | img: Tops, |
| | | title: "行情" |
| | | title: this.$t('hj1'), |
| | | }, |
| | | { |
| | | img: Rumen, |
| | | title: "持仓" |
| | | title: this.$t('hj2'), |
| | | }, |
| | | { |
| | | img: Xuexi, |
| | | title: "新股" |
| | | title: this.$t('hj3'), |
| | | }, |
| | | { |
| | | img: Guanyu, |
| | | title: "我的" |
| | | } |
| | | ], |
| | | title: this.$t('hj4'), |
| | | }], |
| | | artList:[], |
| | | news: "tab_0", |
| | | newsContent1: [], |
| | |
| | | }; |
| | | }, |
| | | methods: { |
| | | |
| | | async getUserInfo() { |
| | | // 获取用户信息 |
| | | let data = await api.getUserInfo(); |
| | |
| | | text-align: center; |
| | | justify-content: center; |
| | | } |
| | | |
| | | .percentage span{ |
| | | height: 0.5rem; |
| | | line-height: 0.5rem; |
| | |
| | | border: 0.0513rem solid #41AC75; |
| | | color: #41AC75; |
| | | } |
| | | |
| | | .animate { |
| | | |
| | | padding-left: 20px; |