| | |
| | | <div class="scroll-item_top_left"> |
| | | {{ item.name }} |
| | | </div> |
| | | <div class="scroll-item_top_right">{{item.code}}</div> |
| | | <div class="scroll-item_top_right">{{item.symbol}}</div> |
| | | </div> |
| | | <div style="margin-bottom: 15px;text-align: center;color: #137D68;font-size: 12px;font-weight: bold;">{{ item.price }}</div> |
| | | <div style="margin-bottom: 25px;text-align: center;color: #C8302F;font-size: 12px;font-weight: bold;">{{ item.z }}({{item.zfd}}%)</div> |
| | | <div style="margin-bottom: 15px;text-align: center;color: #137D68;font-size: 12px;font-weight: bold;">{{ item.last }}</div> |
| | | <div style="margin-bottom: 25px;text-align: center;color: #C8302F;font-size: 12px;font-weight: bold;">{{ item.chg }}({{item.chgPct}}%)</div> |
| | | </div> |
| | | </div> |
| | | <!-- <div class="fg"></div> --> |
| | | <tabsList ref="tabsList" /> |
| | | <!-- <tabsList ref="tabsList" /> --> |
| | | <!-- <div class="new-stock"> |
| | | <div class="title">{{ $t("hj45") }}</div> |
| | | <div class="list"> |
| | |
| | | </div> |
| | | |
| | | |
| | | <div class="title-box"> |
| | | <!-- <div class="title-box"> |
| | | <div class="title">{{ $t("資訊") }}</div> |
| | | </div> |
| | | </div> --> |
| | | <div class="news-tab"> |
| | | <!-- <mt-navbar v-model="news"> |
| | | <mt-tab-item |
| | |
| | | <mt-tab-container |
| | | v-model="news" |
| | | :swipeable="true" |
| | | style="padding-top: 0.5rem" |
| | | > |
| | | <mt-tab-container-item |
| | | v-for="(items, index) in newListHeader" |
| | |
| | | :key="index" |
| | | > |
| | | <div class="news-content"> |
| | | <div |
| | | <div style="display: flex;align-items: normal;border-bottom:1px solid #cacaca;padding-bottom: 10px;margin-top:10px;justify-content: space-between;" |
| | | class="" |
| | | v-for="(item, inde) in items.data" |
| | | :key="inde" |
| | |
| | | }) |
| | | " |
| | | > |
| | | <div class="item-times"> |
| | | {{ item.showTime | gettime }} |
| | | </div> |
| | | <div |
| | | class="titContent" |
| | | style=" |
| | | -webkit-box-orient: vertical; |
| | | font-size: 0.38rem; |
| | | margin-top: 0.2rem; |
| | | " |
| | | > |
| | | {{ item.title }} |
| | | </div> |
| | | <div style="display: flex; |
| | | flex-direction: column; |
| | | justify-content: space-between;"> |
| | | <div |
| | | class="titContent" |
| | | style=" |
| | | -webkit-box-orient: vertical; |
| | | font-size: 0.38rem; |
| | | margin-top: 0.2rem; |
| | | margin-bottom: 20px; |
| | | " |
| | | > |
| | | {{ item.title }} |
| | | </div> |
| | | <div class="item-times"> |
| | | {{ item.showTime | gettime }} |
| | | </div> |
| | | </div> |
| | | <div class="neitu"><img :src="item.imgurl" /></div> |
| | | </div> |
| | | </div> |
| | |
| | | artList: [], |
| | | |
| | | onlineService: "123123", |
| | | zslist:[ |
| | | { |
| | | name:'日经指数', |
| | | code:'N225', |
| | | price:'349195', |
| | | z:'31', |
| | | bfb:'0.245' |
| | | }, |
| | | { |
| | | name:'日经指数', |
| | | code:'N225', |
| | | price:'349195', |
| | | z:'31', |
| | | bfb:'0.245' |
| | | }, |
| | | { |
| | | name:'日经指数', |
| | | code:'N225', |
| | | price:'349195', |
| | | z:'31', |
| | | bfb:'0.245' |
| | | }, |
| | | { |
| | | name:'日经指数', |
| | | code:'N225', |
| | | price:'349195', |
| | | z:'31', |
| | | bfb:'0.245' |
| | | } |
| | | ], |
| | | zslist:[], |
| | | isGoTo: false, |
| | | bannerList: [], |
| | | userInfo: [] |
| | |
| | | } |
| | | }, |
| | | methods: { |
| | | async getrglist() { |
| | | // 获取指数 |
| | | let data = await api.getIndexData(); |
| | | if (data.status === 0) { |
| | | this.zslist = data.data |
| | | } else { |
| | | } |
| | | }, |
| | | closeclick() { |
| | | this.isshow = false; |
| | | }, |
| | |
| | | |
| | | async mounted() { |
| | | this.getUserInfo(); |
| | | this.getrglist() |
| | | this.getInfoSite(); |
| | | await this.getNewsList(1); |
| | | this.getArtList(); |
| | |
| | | .news-content { |
| | | position: relative; |
| | | padding: 0.3rem; |
| | | padding-top:0px; |
| | | } |
| | | |
| | | .item-out { |
| | |
| | | } |
| | | |
| | | .neitu { |
| | | width: 100%; |
| | | // width: 100%; |
| | | display: flex; |
| | | justify-content: center; |
| | | align-items: center; |
| | | border-radius: 0.05rem; |
| | | margin-top: 0.3rem; |
| | | margin-bottom: 0.8rem; |
| | | // margin-top: 0.3rem; |
| | | // margin-bottom: 0.8rem; |
| | | } |
| | | |
| | | .neitu img { |
| | | width: 100%; |
| | | border-radius: 0.05rem; |
| | | width: 140px; |
| | | // height: 100%; |
| | | border-radius:10px; |
| | | } |
| | | |
| | | .block-out { |