From b35e9e4aebcec3b36ccc7cab4639ff2ad74aea97 Mon Sep 17 00:00:00 2001
From: zzzz <690498789@qq.com>
Date: Sat, 23 Mar 2024 18:10:25 +0800
Subject: [PATCH] 1
---
src/page/home/home.vue | 904 ++++++++++++++++++++++++++++++++++++-------------------
1 files changed, 591 insertions(+), 313 deletions(-)
diff --git a/src/page/home/home.vue b/src/page/home/home.vue
index add45d9..7787d04 100644
--- a/src/page/home/home.vue
+++ b/src/page/home/home.vue
@@ -1,161 +1,186 @@
<template>
<div class="wrapper">
<div class="page_content">
- <div class="top_logo">
+ <!-- <div class="top_logo">
<div class="left_logo">
<div class="img_logo">
- <img :src="Logo" alt />
+ Fidelity
</div>
</div>
<div class="right_search">
<div>
- <div class="search_con" @click="handleSearchClick()">
- <img :src="Searchs" alt />
- </div>
<div class="service_con" @click="goOnline()">
<img :src="Service" alt />
</div>
+ <van-popover v-model="showPopover" trigger="click" placement="bottom-end" :actions="actions"
+ @select="onSelect">
+ <template #reference>
+ <div class="iconfont icon-icon_A">
+
+ </div>
+ </template>
+ </van-popover>
+
</div>
</div>
- </div>
+
+ </div> -->
<div class="center_tabs">
<!-- 顶部轮播图 -->
- <div class="banner_top">
- <van-skeleton title :row="3" :loading="loading" />
- <van-swipe class="my-swipe" :autoplay="5000" indicator-color="white" v-if="!loading">
- <van-swipe-item v-for="(item, index) in bannerList" @click="handleBannerClick(index)" :key="index">
- <img :src="item.bannerUrl" alt />
- </van-swipe-item>
- </van-swipe>
- </div>
+ <div class="banner_top">
+ <!-- <van-skeleton title :row="3" :loading="loading" /> -->
+ <van-swipe class="my-swipe" :autoplay="5000" indicator-color="white" >
+ <van-swipe-item v-for="(item, index) in bannerImgsArr" @click="handleBannerClick(index)" :key="index">
+ <img style="width: 100%;height: 200px;" :src="item.img" alt />
+ </van-swipe-item>
+ </van-swipe>
+ </div>
<!-- 公告 -->
- <van-skeleton title :row="1" :loading="loading" />
- <div class="announcement" v-if="!loading&&close">
+ <!-- <van-skeleton title :row="1" :loading="loading" /> -->
+ <div class="announcement">
<div class="an_content" @click="$router.push('/newGg')">
<div class="an_left_icon">
<img :src="Announcement" alt />
</div>
- <div class="an_right_message " >
- <div class="animate">
+ <div class="an_right_message ">
+ <!-- <div class="animate">
{{ artList.artTitle }}
- </div>
-
+ </div> -->
+
</div>
</div>
</div>
<!-- 排行入门 -->
- <van-skeleton title :row="2" :loading="loading" />
+ <!-- <van-skeleton title :row="2" :loading="loading" /> -->
- <div class="navs" v-if="!loading&&close">
-
- <div class="navs_content">
- <div class="chacha" @click="close=false">
- <div>
- <img :src="clear" />
- </div>
- </div>
- <div v-for="(item, index) in navsArr" :key="index" @click="goJy(index)">
- <div>
- <div class="top_img">
- <div>
- <img :src="item.img" alt />
- </div>
- </div>
- <div class="bottom_navs">
- <span>{{ item.title }}</span>
- </div>
- </div>
- </div>
- </div>
- </div>
+
<!-- 最多关注 -->
- <van-skeleton title :row="6" :loading="loading" class="focus_skeleton" />
- <div class="focus_on" v-if="!loading">
- <div class="fo_content">
- <div class="top_title">
- {{ '最多关注' }}
- </div>
- <div class="fo_banner">
- <van-swipe class="fo_my-swipe" :autoplay="0" indicator-color="white" @change="onChange">
- <!-- <van-swipe-item v-for="(item, index) in proData" :key="index">
- <div class="item_cont" v-for="(item2, idx) in proData[currentIndex]" :key="idx">
- <div class="top_fo" style="width: 80%;">
- <div class="title" style="width: 30%;">
- <span>{{ item2.f14 }}</span>
- </div>
- <div class="percentage" :class="item2.f3 > 0 ? 'gree' : 'redd'">
+<!-- <van-skeleton title :row="6" :loading="loading" class="focus_skeleton" />-->
+<!-- <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">-->
+<!-- <!– <van-swipe-item v-for="(item, index) in proData" :key="index">-->
+<!-- <div class="item_cont" v-for="(item2, idx) in proData[currentIndex]" :key="idx">-->
+<!-- <div class="top_fo" style="width: 80%;">-->
+<!-- <div class="title" style="width: 30%;">-->
+<!-- <span>{{ item2.f14 }}</span>-->
+<!-- </div>-->
+<!-- <div class="percentage" :class="item2.f3 > 0 ? 'gree' : 'redd'">-->
- <span>{{ item2.f3 > 0 ? `+${item2.f3}%` : `${item2.f3}%` }}</span>
- </div>
- <div class="percentage"></div>
- <div class="percentage" style="width: 38%;position: absolute;right: 0;top: 5%;height: 80%;" :class="item2.f3 > 0 ? 'gree' : 'redd'">
- <echart :colorType="item2.f3" :ids="idx+'1'+index"></echart>
- </div>
- </div>
- <div class="bottom_fo" style="width: 80%;">
- <div class="title"style="width: 30%;">
- <span style="margin-right: 0.12rem;">{{ item2.f12 }}</span>
- <img v-for="item in getHuo()" :src="Huo" alt style="width: 0.4rem;height: 0.4rem;" />
- </div>
- <div class="percentage" >
-
- <span>{{ item2.f2 }}</span>
- </div>
- <div class="percentage">
- <span></span>
- </div>
- </div>
- </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">
- <div class="top_fo">
- <div class="title">
- {{ item2.indexName }}
- </div>
- <div class="numbers">
- {{ item2.currentPoint }}
- </div>
- <div class="percentage" :class="item2.floatRate > 0 ? 'gree' : 'redd'">
- <span style="font-weight: 500;">{{ item2.floatRate > 0 ? `+${item2.floatRate}%` :
- `${item2.floatRate}%`
- }}</span>
- </div>
- </div>
- <div class="bottom_fo">
- <div class="title">
- <span class="numberid" style="margin-right: 0.12rem;">{{ item2.indexCode }}</span>
+<!-- <span>{{ item2.f3 > 0 ? `+${item2.f3}%` : `${item2.f3}%` }}</span>-->
+<!-- </div>-->
+<!-- <div class="percentage"></div>-->
+<!-- <div class="percentage" style="width: 38%;position: absolute;right: 0;top: 5%;height: 80%;" :class="item2.f3 > 0 ? 'gree' : 'redd'">-->
+<!-- <echart :colorType="item2.f3" :ids="idx+'1'+index"></echart>-->
+<!-- </div>-->
+<!-- </div>-->
+<!-- <div class="bottom_fo" style="width: 80%;">-->
+<!-- <div class="title"style="width: 30%;">-->
+<!-- <span style="margin-right: 0.12rem;">{{ item2.f12 }}</span>-->
+<!-- <img v-for="item in getHuo()" :src="Huo" alt style="width: 0.4rem;height: 0.4rem;" />-->
+<!-- </div>-->
+<!-- <div class="percentage" >-->
- <img v-for="items in item2.random" :src="Huo" alt style="width: 0.4rem;height: 0.4rem;" />
- </div>
- <div class="numbers" :class="item2.floatPoint > 0 ? 'gree' : 'redd'">
- <span class="point">{{ item2.floatPoint > 0 ? `+${item2.floatPoint}%` : `${item2.floatPoint}%`
- }}</span>
- </div>
- <div class="percentage">
- <!-- <span class="aikesi">100X</span> -->
- <el-tag key="100X"
- style="width: 80%;text-align: center;height: 0.45rem!important;line-height: 0.45rem!important;">
- {{ getNum1(item2.random) + 'X' }}
- </el-tag>
- </div>
- </div>
- </div>
- </van-swipe-item>
- </van-swipe>
- </div>
- </div>
- </div>
+<!-- <span>{{ item2.f2 }}</span>-->
+<!-- </div>-->
+<!-- <div class="percentage">-->
+<!-- <span></span>-->
+<!-- </div>-->
+<!-- </div>-->
+<!-- </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="top_fo">-->
+<!-- <div class="title">-->
+<!-- {{ item2.name }}-->
+<!-- </div>-->
+<!-- <div class="numbers">-->
+<!-- {{ item2.price }}-->
+<!-- </div>-->
+<!-- <div class="percentage" :class="item2.range > 0 ? 'gree' : 'redd'">-->
+<!-- <span style="font-weight: 500;">{{ item2.range > 0 ? `${item2.range}` :-->
+<!-- `${item2.range}`-->
+<!-- }}</span>-->
+<!-- </div>-->
+<!-- </div>-->
+<!-- <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;">-->
+<!-- <img v-if="indexs < 3" :src="Huo" alt style="width: 0.4rem;height: 0.4rem;" />-->
+<!-- </div> –>-->
+
+<!-- </div>-->
+<!-- <div class="numbers" :class="item2.floatPoint > 0 ? 'gree' : 'redd'">-->
+<!-- <img :src="Huo" alt style="width: 0.4rem;height: 0.4rem;" />-->
+<!-- <span class="point" style="height: 0.4rem;">{{ item2.pnum-->
+<!-- }}</span>-->
+<!-- </div>-->
+<!-- <div class="percentage">-->
+<!-- <!– <span class="aikesi">100X</span> –>-->
+<!-- <el-tag key="100X"-->
+<!-- style="width: 80%;text-align: center;height: 0.45rem!important;line-height: 0.45rem!important;">-->
+<!-- {{ getNum1(Number(item2.pnum.slice(0, 1))) + 'X' }}-->
+<!-- </el-tag>-->
+<!-- </div>-->
+<!-- </div>-->
+<!-- </div>-->
+<!-- </van-swipe-item>-->
+<!-- </van-swipe>-->
+<!-- </div>-->
+<!-- </div>-->
+<!-- </div>-->
+ <!-- <van-skeleton title :row="18" :loading="loading" /> -->
+ <div class="txt_box">
+ <div class="txt_box_top">{{$t('hometips')}}</div>
+ <div class='txt_box_box'>
+ <div class="txt_box_box_left" v-if="userInfo.length==0">$0.00</div>
+ <div class="txt_box_box_left" v-else>${{userInfo.totalAssets}}</div>
+ <div class="txt_box_box_right" @click='gocz'>{{$t('btn1')}}</div>
+ </div>
+ </div>
+
</div>
- <van-skeleton title :row="18" :loading="loading" />
+ <div class="navs" >
+ <div class="navs_content">
+ <div v-for="(item, index) in navsArr" :key="index" @click="goJy(index)">
+ <div style="display: flex;justify-content: center;align-items: center;flex-direction: column;">
+ <div class="top_img">
+ <div>
+ <img :src="item.img" alt />
+ </div>
+ </div>
+ <div class="bottom_navs">
+ <span>{{ item.title }}</span>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <!-- <van-skeleton title :row="18" :loading="loading" /> -->
+<!-- <div class='btns_box'>
+ <div class="btns_box_left">
+ <img src="../../assets/img/out.png" style="width: 20px;height: 20px;"/>
+ <div class="btns_box_left_txt"></div>
+ </div>
+ <div class="btns_box_right"></div>
+ </div> -->
+ <!-- <van-skeleton title :row="18" :loading="loading" /> -->
<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('hj7') }}</span>
</mt-tab-item>
<mt-tab-item id="tab_2">
<span class="tab-name">7×24</span>
@@ -173,20 +198,20 @@
<div class="titContent" style="-webkit-box-orient: vertical;font-size: 0.38rem;margin-top: 0.2rem;">
{{ item.title }}
</div>
- <div class="block-out">
+ <!-- <div class="block-out">
<div class="blocks">{{ item.sourceName }}</div>
- </div>
+ </div> -->
<div class="neitu"><img :src="item.imgurl" /></div>
</div>
</div>
</mt-tab-container-item>
- <mt-tab-container-item id="tab_1" >
+ <mt-tab-container-item id="tab_1">
<div class="news-content">
<div class="item-out" v-for="(item, inde) in newsContent4" :key="inde" @click="$router.push({
path: '/newPage', query: {
listid: item.id
}
- })" >
+ })">
<div class="item-times">{{ item.addTime | gettime }}</div>
<div class="titContent" style="-webkit-box-orient: vertical;">{{ item.title }}</div>
</div>
@@ -206,38 +231,40 @@
</mt-tab-container-item>
</mt-tab-container>
</div>
+ <div style="width: 100%;height: 100px;"></div>
</div>
<!-- tab -->
-
<GoToLogin v-show="isGoTo" />
</div>
</template>
-
<script>
-
-import AllList from "@/page/list/list-all";
-import HomeList from "./components/home-list";
-import Echart from "./components/echart.vue";
-import {
- Toast
-} from "mint-ui";
-import * as api from "@/axios/api";
-import Logo from "@/assets/img/icon_home_logo.png";
-import Searchs from "@/assets/home/search.png";
-import Service from "@/assets/home/icon_talk.png";
-import clear from "@/assets/home/close.png";
-import Announcement from "@/assets/img/black_laba.png";
-import Tops from "@/assets/home/1.png";
-import Rumen from "@/assets/home/2.png";
-import Xuexi from "@/assets/home/3.png";
-import Guanyu from "@/assets/home/4.png";
-import Huo from "@/assets/home/huo.png";
-import banner1 from "@/assets/img/b1.png";
-import banner2 from "@/assets/img/b2.png";
-import banner3 from "@/assets/img/b3.png";
+import AllList from '@/page/list/list-all'
+import HomeList from './components/home-list'
+import Echart from './components/echart.vue'
+import * as api from '@/axios/api'
+import Logo from '@/assets/img/img_log_home.png'
+import Searchs from '@/assets/ico/leng.png'
+import Service from '@/assets/home/icon_talk.png'
+import clear from '@/assets/home/close.png'
+import Announcement from '@/assets/img/black_laba.png'
+import Tops from '@/assets/home/1.png'
+import Rumen from '@/assets/home/2.png'
+import Xuexi from '@/assets/home/3.png'
+import Guanyu from '@/assets/home/4.png'
+import dazong from '@/assets/home/5.png'
+import vip from '../../assets/img/app.png'
+import vipa from '../../assets/img/huazhuan2.png'
+import Huo from '@/assets/home/huo.png'
+import banner1 from '@/assets/img/b1.jpg'
+import banner2 from '@/assets/img/b2.jpg'
+import banner3 from '@/assets/img/b3.jpg'
+import caidana from '@/assets/img/caidana.png'
+import bangzhu from '@/assets/img/bangzhu.png'
+import kefua from '@/assets/img/kefua.png'
+import xiazai from '@/assets/img/xiazai.png'
// import indexData from "./data.json";
-import GoToLogin from '@/page/home/components/GoLogin.vue';
-
+import GoToLogin from '@/page/home/components/GoLogin.vue'
+import { MessageBox } from 'mint-ui'
export default {
components: {
HomeList,
@@ -246,7 +273,7 @@
Echart
},
props: {},
- data() {
+ data () {
return {
Logo,
Searchs,
@@ -257,7 +284,7 @@
Huo,
is_login: false,
loading: true,
- close:true,
+ close: true,
proData: [], // 分割好的数据
currentIndex: 0,
bannerImgsArr: [{
@@ -267,215 +294,460 @@
}, {
img: banner3
}],
- announcementMess: "20202/10 - 交易时间安排",
- navsArr: [{
- img: Tops,
- title: "行情"
- },
- {
- img: Rumen,
- title: "持仓"
- },
- {
- img: Xuexi,
- title: "新股"
- },
- {
- img: Guanyu,
- title: "我的"
- }
- ],
- artList:[],
- news: "tab_0",
+ announcementMess: '20202/10 - 交易时间安排',
+
+ artList: [],
+ news: 'tab_0',
newsContent1: [],
newsContent2: [],
newsContent3: [],
newsContent4: [],
- onlineService: "",
+ onlineService: '',
isGoTo: false,
- bannerList:[]
- };
+ bannerList: [],
+ userInfo: [],
+ showPopover: false,
+ actions: [
+ { text: 'English', icon: require('@/assets/ico/english.png'), lang: 'zh-CN' },
+ { text: 'हिंदी', icon: require('@/assets/ico/india.png'), lang: 'en' },
+ { text: '繁体中文', icon: require('@/assets/ico/tw.png'), lang: 'tw' }
+ ]
+ }
+ },
+ computed: {
+ navsArr () {
+ return [
+ // {
+ // img: Tops,
+ // title: this.$t('yeb')
+ // },
+ {
+ img: xiazai,
+ title: this.$t('hj1461')
+ },
+ {
+ img: kefua,
+ title: this.$t('kf')
+ },
+ {
+ img: bangzhu,
+ title: this.$t('bz')
+ },
+ {
+ img: caidana,
+ title: this.$t('caidan')
+ },
+ // {
+ // img: Rumen,
+ // title: this.$t('hj2')
+ // },
+ // {
+ // img: Xuexi,
+ // title: this.$t('hj3')
+ // },
+ // {
+ // img: Guanyu,
+ // title: this.$t('hj4')
+ // },
+ // {
+ // img: dazong,
+ // title: this.$t('hj261')
+ // },
+ // {
+ // img: vipa,
+ // title: this.$t('hj172')
+ // }
+ ]
+ }
},
methods: {
+ getdialog () {
+ MessageBox.confirm(this.$t('hj252'), this.$t('hj165'), {
+ confirmButtonText: this.$t('hj161'),
+ cancelButtonText: this.$t('hj106')
+ }).then(async () => {
- getHuo() {
- //123随机
- var num = Math.floor(Math.random() * 3 + 1);
- return num;
+ }).catch(() => {
+ })
+ // MessageBox.confirm('老号被盗请勿转账,请认准新tg：@BEINL2', this.$t('hj165'), {
+ // confirmButtonText: this.$t('hj161'),
+ // cancelButtonText: this.$t('hj106'),
+ // }).then(async () => {
+ // }).catch(() => {
+
+ // });
},
- //构造随机数列表 50 100 200
- getNum1(num) {
-
- if (num == 1) {
- return 50;
- } else if (num == 2) {
- return 100;
- } else if (num == 3) {
- return 200;
+ onSelect (e) {
+ this.$i18n.locale = e.lang
+ window.localStorage.setItem('language', e.lang)
+ },
+ async getUserInfo () {
+ // 获取用户信息
+ let data = await api.getUserInfo()
+ if (data.status === 0) {
+ // 判断是否登录
+ this.$store.state.userInfo = data.data
+ this.userInfo = data.data
+ } else {
}
},
- goJy(index){
+ getHuo () {
+ // 123随机
+ var num = Math.floor(Math.random() * 3 + 1)
+ return num
+ },
+ // 构造随机数列表 50 100 200
+ getNum1 (num) {
+ if (num === 1) {
+ return 50
+ } else if (num === 2) {
+ return 100
+ } else if (num >= 3) {
+ return 200
+ }
+ },
+ goDetail (item) {
+ if (this.userInfo.length === 0) {
+ this.$store.commit('dialogVisible', true)
+ return
+ }
+ this.$router.push({
+ path: '/kline',
+ query: {
+ name: item.name,
+ stockplate: item.stock_plate,
+ code: item.symbol.substring(2, item.symbol.length),
+ type: item.market,
+ sok: this.filterSH(item.market),
+ if_zhishu: '0'
+ }
+ })
+ },
+ filterSH (val) {
+ if (val === 'sh') {
+ return 1
+ } else if (val === 'bj' || val === 'sz') {
+ return 0
+ }
+ },
+ gocz(){
+ if (this.userInfo.length === 0) {
+ this.$store.commit('dialogVisible', true)
+ return
+ }else{
+ this.$router.push('/wallet')
+ }
+ },
+ goJy (index) {
+ if (this.userInfo.length === 0) {
+ this.$store.commit('dialogVisible', true)
+ return
+ }
switch (index) {
+ // case 0:
+ // this.$router.push('/yeb')
+ // break
case 0:
- this.$router.push('/list');
- break;
- case 1:
- this.$router.push('/orderlist');
- break;
- case 2:
- //this.$router.push();
- break;
- case 3:
- this.$router.push('/user');
- break;
-
+ this.$router.push('/download')
+ // this.$router.push('/warehouse')
+ break
+ case 1:
+ // this.$router.push({ path: '/trading-list', query: { listid: 5 } })
+ this.$router.push('/new_service')
+ // window.location.href = this.onlineService
+ break
+ case 2:
+ this.$router.push('/help')
+ break
+ // case 3:
+ // this.$router.push('/Subscription?idx=1')
+ // break
+ case 3:
+ // this.$router.push('/Subscription?idx=1')
+ this.$router.push({ path: '/trading-list', query: { indexid: 3 } })
+ break
+ case 4:
+ // this.$router.push('/SubDK')
+
+ break
+ case 5:
+ // this.$router.push('/SubDK')
+ this.$router.push('/wallet')
+ break
default:
- break;
+ break
+ }
+ if (navigator.vibrate) {
+ // 支持
+ navigator.vibrate([55])
}
},
async getBanner () {
// 获取显示的banner
let result = await api.getBannerByPlat({ platType: 'm' })
if (result.status === 0) {
- this.bannerList = result.data
+ // this.bannerList = result.data
+ var ajson = {'bannerUrl':this.banner1}
+ this.bannerList.push(ajson)
+ console.log(this.banner1);
+ // console.log(this.bannerList);
} else {
- Toast(result.msg)
+ this.$store.commit('elAlertShow', { 'elAlertShow': true, 'elAlertText': result.msg })
}
},
- goOnline() {
- window.location.href = this.onlineService;
-
+ goOnline () {
+ this.$router.push('/service')
},
- async getArtList(){
- let data = await api.getArtList();
- if(data.status == 0){
- this.artList = data.data.list[0];
+ async getArtList () {
+ let data = await api.getArtList()
+ if (data.status === 0) {
+ this.artList = data.data.list[0]
}
},
- async getInfoSite() {
-
+ async getInfoSite () {
let data = await api.getInfoSite()
if (data.status === 0) {
this.onlineService = data.data.onlineService
} else {
- Toast(data.msg)
+ this.$store.commit('elAlertShow', { 'elAlertShow': true, 'elAlertText': data.msg })
}
},
- async getStock() {
- let data = await api.getIndexMarket();
- for (var i = 0; i < data.data.length; i += 3) {
- this.proData.push(data.data.slice(i, i + 3));
+ async getStock () {
+ let data = await api.getIndexMarket()
+ for (var i = 0; i < data.data.result.data.length; i += 3) {
+ this.proData.push(data.data.result.data.slice(i, i + 3))
}
-
},
- async getNewsList(type) {
- let data = await api.queryNewsList(type);
+ async getNewsList (type) {
+ let data = await api.queryNewsList(type)
switch (type) {
case 1:
this.newsContent1 = data.data.list
- break;
+ break
case 2:
this.newsContent2 = data.data.list
- break;
+ break
case 3:
this.newsContent3 = data.data.list
- break;
+ break
case 4:
this.newsContent4 = data.data.list
- break;
+ break
case 5:
this.newsContent5 = data.data.list
- break;
+ break
}
},
- handleBannerClick(ind) {
+ handleBannerClick (ind) {
// console.log(ind);
},
- ProcessData() {
+ ProcessData () {
// 把数据分割成三等份
// for (var i = 0; i < this.indexData.data.diff.length; i += 3) {
// this.proData.push(this.indexData.data.diff.slice(i, i + 3));
// }
},
- onChange(index) {
- this.currentIndex = index;
+ onChange (index) {
+ this.currentIndex = index
this.proData[index].forEach(item => {
- });
-
+ })
},
- handleSearchClick() {
- this.loading = !this.loading;
+ handleSearchClick () {
+ // this.loading = !this.loading;
+ this.$router.push({ path: '/trading-list', query: { type: 1 } })
}
},
filters: {
- gettime(time) {
+ gettime (time) {
if (!time) {
- return "";
+ return ''
}
- var nd = new Date(time);
- var y = nd.getFullYear();
- var mm = nd.getMonth() + 1;
- var d = nd.getDate();
- var h = nd.getHours();
- var m = nd.getMinutes();
- var c = nd.getSeconds();
+ var nd = new Date(time)
+ var y = nd.getFullYear()
+ var mm = nd.getMonth() + 1
+ var d = nd.getDate()
+ var h = nd.getHours()
+ var m = nd.getMinutes()
+ var c = nd.getSeconds()
if (mm < 10) {
- mm = "0" + mm;
+ mm = '0' + mm
}
if (d < 10) {
- d = "0" + d;
+ d = '0' + d
}
if (h < 10) {
- h = "0" + h;
+ h = '0' + h
}
if (m < 10) {
- m = "0" + m;
+ m = '0' + m
}
if (c < 10) {
- c = "0" + c;
+ c = '0' + c
}
- //17:35:2922-06-2022
- return y + "-" + mm + "-" + d + " " + h + ":" + m + ":" + c;
+ // 17:35:2922-06-2022
+ return y + '-' + mm + '-' + d + ' ' + h + ':' + m + ':' + c
}
},
- created() {
- this.ProcessData();
+ created () {
+ // this.getdialog()
+ this.ProcessData()
},
- mounted() {
- this.getInfoSite();
- this.getNewsList(1);
- this.getNewsList(2);
- this.getNewsList(4);
- this.getStock();
- this.getArtList();
+ mounted () {
+ this.getUserInfo()
+ this.getInfoSite()
+ this.getNewsList(1)
+ this.getNewsList(2)
+ this.getNewsList(4)
+ this.getStock()
+ this.getArtList()
this.getBanner()
-
setInterval(() => {
- if(window.localStorage.getItem('USERTOKEN')){
- this.isGoTo = false;
- }else{
+ if (window.localStorage.getItem('USERTOKEN')) {
+ this.isGoTo = false
+ } else {
this.isGoTo = !this.isGoTo
}
- }, 10000);
+ }, 10000)
setTimeout(() => {
this.loading = false
}, 2000)
-
}
-};
+}
</script>
<style lang="less" scoped>
+ .navs {
+ width: 100%;
+ height: 2.6154rem;
+
+ display: flex;
+ justify-content: center;
+
+ >.navs_content {
+ position: relative;
+ overflow: hidden;
+ width: 87%;
+ height: 100%;
+ margin: 20px auto;
+ // border-radius: 0.2564rem;
+ display: flex;
+ justify-content: space-between;
+
+ >.chacha {
+ width: 1rem;
+ height: 1rem;
+ border-radius: 100%;
+ background-color: rgb(210, 210, 212);
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ position: absolute;
+ right: -0.4rem;
+ top: -0.4rem;
+
+ >div {
+ width: 0.3554rem;
+ height: 0.3554rem;
+ margin-top: 0.3rem;
+ margin-left: 0.15rem;
+
+ >img {
+ width: 100%;
+ height: 100%;
+ }
+ }
+
+ }
+
+ >div {
+ width: 20%;
+ height: 100%;
+ display: flex;
+ align-items: center;
+
+ >div {
+ width: 100%;
+ height: 60%;
+
+ >.top_img {
+ width: 0.903704rem;
+ height: 0.803704rem;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+
+ >div {
+ width: 0.9718rem;
+ height: 0.9718rem;
+
+ >img {
+ width: 100%;
+ height: 100%;
+ }
+ }
+ }
+
+ >.bottom_navs {
+ width: 100%;
+ height: 30%;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ font-size: 0.33rem;
+ margin-top: 0.15rem;
+ }
+ }
+ }
+ }
+ }
+ .txt_box_box_right{
+ color: #fff;
+ background: #409eff;
+ text-align: center;
+ padding: 10px 15px;
+ border-radius: 6px;
+ }
+ .txt_box_box_left{
+ margin: 10px 0;
+ font-size: 30px;
+ font-weight: 600;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis /* 显示省略符号 (...) */;
+ }
+ .txt_box_box{
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ margin-bottom: 20px;
+ }
+ .txt_box_top{
+ font-size: 12px;
+ margin-top: 10px;
+ margin-bottom: 20px;
+ }
+ .txt_box{
+ width: 95%;
+ margin-left: 2.5%;
+ display: flex;
+ flex-direction: column;
+ background: linear-gradient(270deg,#fff,#f2ecfd);
+ border: 1px solid #dcdfe9;
+ border-radius: 6px;
+ padding: 10px 20px;
+ font-size: 12px;
+ margin-top: 10px;
+ box-shadow: 0 2px 12px 0 rgba(0,0,0,.3);
+ }
.wrapper {
width: 100%;
height: 100%;
-
-
+ background-color: #fff;
padding-top: .3128rem;
.page_content {
@@ -488,7 +760,7 @@
width: 100%;
height: 0.7949rem;
display: flex;
-
+ padding-right: 0.3rem;
>div {
width: 50%;
height: 100%;
@@ -497,8 +769,10 @@
}
.img_logo {
- width: 3.3077rem;
- height: 0.6154rem;
+ font-size: 20px;
+ font-family: AlibabaSansVietBold;
+ font-weight: 600;
+ color: #333333;
margin-left: 0.3846rem;
>img {
@@ -509,17 +783,16 @@
.right_search {
justify-content: flex-end;
-
+ width: 50%;
>div {
- width: 1.6221rem;
+ width: 34%;
height: 0.4615rem;
display: flex;
justify-content: space-between;
- margin-right: 0.4615rem;
>div {
- width: 0.4615rem;
- height: 0.4615rem;
+ width: 0.5615rem;
+ height: 0.5615rem;
>img {
width: 100%;
@@ -544,7 +817,7 @@
}
.van-swipe-item {
- height: 3.0615rem;
+ // height: 3.0615rem;
padding: 0 0.264rem;
border-radius: 0.3rem;
}
@@ -570,7 +843,7 @@
align-items: center;
.an_left_icon {
- width: 5%;
+ width: 4%;
height: 70%;
display: flex;
align-items: center;
@@ -582,14 +855,14 @@
}
.an_right_message {
- width: 90%;
+ width: 93%;
height: 100%;
line-height: 0.559rem;
align-items: center;
align-content: center;
font-size: 0.29rem;
white-space: nowrap;
- overflow: hidden;
+ overflow: hidden;
// text-overflow:ellipsis;
}
}
@@ -602,14 +875,15 @@
display: flex;
justify-content: center;
-
>.navs_content {
position: relative;
overflow: hidden;
- width: 95%;
+ width: 87%;
height: 100%;
- border-radius: 0.2564rem;
+ margin: 20px auto;
+ // border-radius: 0.2564rem;
display: flex;
+ justify-content: space-between;
>.chacha {
width: 1rem;
@@ -638,7 +912,7 @@
}
>div {
- width: 25%;
+ width: 20%;
height: 100%;
display: flex;
align-items: center;
@@ -648,8 +922,8 @@
height: 60%;
>.top_img {
- width: 100%;
- height: 70%;
+ width: 0.903704rem;
+ height: 0.803704rem;
display: flex;
align-items: center;
justify-content: center;
@@ -716,7 +990,7 @@
/deep/.van-swipe__indicator--active {
width: 0.35rem !important;
border-radius: 0.23rem;
- background-color: #aec7ec!important;
+ background-color: #aec7ec !important;
}
.fo_banner {
@@ -772,6 +1046,9 @@
.numberid {
font-size: 0.28rem;
+ display: flex;
+
+ line-height: 0.5rem;
}
.numbers {
@@ -784,7 +1061,8 @@
.point {
font-size: 0.28rem;
-
+ height: 0.5rem;
+ line-height: 0.5rem;
}
.percentage {
@@ -792,6 +1070,13 @@
height: 100%;
display: flex;
align-items: center;
+ text-align: center;
+ justify-content: center;
+ }
+
+ .percentage span {
+ height: 0.5rem;
+ line-height: 0.5rem;
}
}
@@ -831,15 +1116,14 @@
.my-swipe .van-swipe-item {
font-size: 0.5128rem;
- line-height: 3.8462rem;
+ // line-height: 3.8462rem;
text-align: center;
overflow: hidden;
}
.fo_my-swipe .van-swipe-item {
-
font-size: 0.5128rem;
- line-height: 3.8462rem;
+ // line-height: 3.8462rem;
overflow: hidden;
}
@@ -866,10 +1150,6 @@
margin-top: 0.2rem;
border-radius: 0.4rem 0.4rem 0 0;
padding-top: 0.3rem;
-
-
-
-
/deep/.is-selected .tab-name {
position: relative;
@@ -951,63 +1231,61 @@
border: 0.0513rem solid #41AC75;
color: #41AC75;
}
+
.animate {
-padding-left: 20px;
+ padding-left: 20px;
-font-size: 12px;
+ font-size: 0.29rem;
-color: #000;
+ color: #000;
-display: inline-block;
+ display: inline-block;
-white-space: nowrap;
+ white-space: nowrap;
-animation: 10s wordsLoop linear infinite normal;
+ animation: 10s wordsLoop linear infinite normal;
}
-
-
@keyframes wordsLoop {
-0% {
+ 0% {
transform: translateX(100%);
-webkit-transform: translateX(100%);
-}
+ }
-100% {
+ 100% {
transform: translateX(-100%);
-webkit-transform: translateX(-100%);
-}
+ }
}
-
-
@-webkit-keyframes wordsLoop {
-0% {
+ 0% {
transform: translateX(100%);
-webkit-transform: translateX(100%);
-}
+ }
-100% {
+ 100% {
transform: translateX(-100%);
-webkit-transform: translateX(-100%);
-}
+ }
}
+
</style>
--
Gitblit v1.9.3