From 91f9b7a3b7dfc4fe6b9b5008cfec4e18dfb6dcd5 Mon Sep 17 00:00:00 2001
From: zzzz <690498789@qq.com>
Date: Thu, 28 Mar 2024 13:04:36 +0800
Subject: [PATCH] 注册页面的客服地址错误
---
src/page/user/favorites.vue | 2771 +++++++++++++++++++++++++++++-----------------------------
1 files changed, 1,367 insertions(+), 1,404 deletions(-)
diff --git a/src/page/user/favorites.vue b/src/page/user/favorites.vue
index 9fa4c55..68c8992 100644
--- a/src/page/user/favorites.vue
+++ b/src/page/user/favorites.vue
@@ -277,1562 +277,1525 @@
</div>
</template>
<script>
- import AllList from '@/page/list/list-all'
- import * as api from '@/axios/api'
- import handleDt from '@/utils/deTh'
- 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/home/6.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 indexData from "./data.json";
- import GoToLogin from '@/page/home/components/GoLogin.vue'
- import {
- MessageBox
- } from 'mint-ui'
- import {
- color
- } from 'echarts/lib/export'
+import AllList from "@/page/list/list-all";
+import * as api from "@/axios/api";
+import handleDt from "@/utils/deTh";
+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/home/6.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 indexData from "./data.json";
+import GoToLogin from "@/page/home/components/GoLogin.vue";
+import { MessageBox } from "mint-ui";
+import { color } from "echarts/lib/export";
+// import TradList from '@/page/list/trading-list.vue'
- // import TradList from '@/page/list/trading-list.vue'
+export default {
+ components: {
+ AllList,
+ GoToLogin,
+ },
+ props: {},
+ data() {
+ return {
+ Logo,
+ Searchs,
+ Service,
+ gpcode: "",
+ clear,
+ Announcement,
+ indexData: [],
+ Huo,
+ is_login: false,
+ loading: false,
+ close: true,
+ proData: [], // 分割好的数据
+ currentIndex: 0,
+ tabsIndex001: 0,
+ finished: false,
+ orderBy: "",
+ bannerImgsArr: [
+ {
+ img: banner1,
+ },
+ {
+ img: banner2,
+ },
+ {
+ img: banner3,
+ },
+ ],
+ announcementMess: "20202/10 - 交易时间安排",
+ tabsIndex0010: 0,
+ tabsIndex0010a: 0,
+ tabsItemIndex: 0,
+ artList: [],
+ isToken: "",
+ pageNum: 1,
+ news: "tab_0",
+ newsContent1: [],
+ newsContent2: [],
+ newsContent3: [],
+ newsContent4: [],
+ onlineService: "",
+ isGoTo: false,
+ bannerList: [],
+ userInfo: [],
+ showPopover: false,
+ listArr: [],
+ };
+ },
+ computed: {
+ navsArr() {
+ return [
+ {
+ img: Tops,
+ title: this.$t("hj1"),
+ },
+ {
+ 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: vip,
+ // title: this.$t('hj279')
+ // }
+ ];
+ },
+ },
+ methods: {
+ onLoad() {
+ // 异步更新数据
+ // setTimeout 仅做示例，真实场景中一般为 ajax 请求
+ switch (this.tabsItemIndex) {
+ case 1:
+ // this.loading = true
+ this.getListMarket();
+ break;
+ case 0:
+ this.stockPlate = "";
+ this.stockType = "";
+ // this.loading = true
+ if (this.tabsIndex001 === 0) {
+ // this.getStock(true)
+ } else if (this.tabsIndex001 === 1) {
+ // this.getStock()
+ } else if (this.tabsIndex001 === 2) {
+ } else if (this.tabsIndex001 === 3) {
+ this.getStock002(true);
+ }
- export default {
- components: {
- AllList,
- GoToLogin,
- },
- props: {},
- data() {
- return {
- Logo,
- Searchs,
- Service,
- gpcode: '',
- clear,
- Announcement,
- indexData: [],
- Huo,
- is_login: false,
- loading: false,
- close: true,
- proData: [], // 分割好的数据
- currentIndex: 0,
- tabsIndex001: 0,
- finished: false,
- orderBy: '',
- bannerImgsArr: [{
- img: banner1
- }, {
- img: banner2
- }, {
- img: banner3
- }],
- announcementMess: '20202/10 - 交易时间安排',
- tabsIndex0010: 0,
- tabsIndex0010a: 0,
- tabsItemIndex: 0,
- artList: [],
- isToken: '',
- pageNum: 1,
- news: 'tab_0',
- newsContent1: [],
- newsContent2: [],
- newsContent3: [],
- newsContent4: [],
- onlineService: '',
- isGoTo: false,
- bannerList: [],
- userInfo: [],
- showPopover: false,
+ break;
+ case 2:
+ this.stockPlate = "科创";
+ this.stockType = "";
+ // this.loading = true
+ this.getStocks();
+ break;
+ case 3:
+ this.stockPlate = "";
+ this.stockType = "us";
+ // this.loading = true
+ this.getStockUs();
+ break;
+ case 4:
+ this.stockPlate = "";
+ this.stockType = "hk";
+ // this.loading = true
+ this.getStockHk();
+ break;
+ case 5:
+ // this.loading = true
+ this.getFutures();
+ break;
+ }
- listArr: []
- }
- },
- computed: {
- navsArr() {
- return [{
- img: Tops,
- title: this.$t('hj1')
- },
- {
- 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: vip,
- // title: this.$t('hj279')
- // }
- ]
- }
- },
- methods: {
- onLoad() {
- // 异步更新数据
- // setTimeout 仅做示例，真实场景中一般为 ajax 请求
- switch (this.tabsItemIndex) {
- case 1:
- // this.loading = true
- this.getListMarket()
- break
- case 0:
- this.stockPlate = ''
- this.stockType = ''
- // this.loading = true
+ // 加载状态结束
+ // this.loading = false;
- if (this.tabsIndex001 === 0) {
- // this.getStock(true)
- } else if (this.tabsIndex001 === 1) {
- // this.getStock()
- } else if (this.tabsIndex001 === 2) {} else if (this.tabsIndex001 === 3) {
- this.getStock002(true)
- }
+ // 数据全部加载完成
+ // if (this.list.length >= 40) {
+ // this.finished = true;
+ // }
+ },
+ // 进入详情
+ handleGoToKlineDetail(item) {
+ const obj = {
+ pid: item.code || "",
+ type: item.stock_type || "",
+ };
+ window.localStorage.setItem("kLine", JSON.stringify(obj));
+ var codes = "";
+ var names = "";
+ var stockType = "";
+ var soks = "";
+ var ifZhishu = "0";
+ var ifUs = "";
+ switch (this.tabsItemIndex) {
+ case 0:
+ codes = item.code;
+ names = item.name;
+ stockType =
+ item.stock_type === "us" ? item.stock_type + "a" : item.stock_type;
+ soks = item.type ? item.type : this.filterSH(item.stock_type);
+ ifZhishu = "0";
+ ifUs = item.stock_type === "us" ? "1" : "";
+ break;
+ case 3:
+ codes = item.code;
+ names = item.name;
+ stockType = item.stock_type + "a";
+ ifUs = "1";
+ soks = item.type;
+ ifZhishu = "0";
+ break;
+ case 4:
+ codes = item.code;
+ names = item.name;
+ stockType = item.stock_type;
+ soks = item.type;
+ ifZhishu = "0";
+ ifUs = "2";
+ break;
+ case 1:
+ codes = item.indexGid;
+ names = item.indexName;
+ stockType = "sh";
+ ifZhishu = item.indexCode;
+ soks = item.type ? item.type : 0;
+ break;
+ case 2:
+ codes = item.code;
+ names = item.name;
+ stockType = item.stock_type;
+ soks = this.filterSH(item.stock_type);
+ ifZhishu = "0";
+ break;
+ case 5:
+ this.sgCode = item.code;
+ this.xinguprice = item.price;
+ this.sgsj = item.subscribeTime;
+ this.rjsj = item.subscriptionTime;
+ this.orderNumber = item.orderNumber;
+ this.sgNum = Math.floor(
+ this.$store.state.userInfo.enableAmt / this.xinguprice
+ );
+ this.settingDialog = true;
- break
- case 2:
- this.stockPlate = '科创'
- this.stockType = ''
- // this.loading = true
- this.getStocks()
- break
- case 3:
- this.stockPlate = ''
- this.stockType = 'us'
- // this.loading = true
- this.getStockUs()
- break
- case 4:
- this.stockPlate = ''
- this.stockType = 'hk'
- // this.loading = true
- this.getStockHk()
- break
- case 5:
- // this.loading = true
- this.getFutures()
- break
- }
+ // return
+ codes = item.futuresGid;
+ names = item.futuresName;
+ soks = 0;
+ stockType = "qh";
+ ifZhishu = item.indexGid;
+ break;
+ default:
+ break;
+ }
+ console.log(this.tabsItemIndex);
+ if (this.tabsItemIndex !== 5) {
+ this.$router.push({
+ path: "/kline",
+ query: {
+ name: names,
+ stockplate: item.stock_plate,
+ code: codes,
+ type: stockType,
+ sok: soks,
+ if_us: ifUs,
+ usType: item.type,
+ if_zhishu: ifZhishu,
+ },
+ });
+ }
+ },
+ getStock001: handleDt.debounce(async function () {
+ let data = await api.getOptionStock();
- // 加载状态结束
- // this.loading = false;
+ if (data.status === 0) {
+ this.listArr = data.data.list;
+ } else {
+ // this.texts = data.msg
+ // this.alertShow = true
+ }
+ }, 500),
- // 数据全部加载完成
- // if (this.list.length >= 40) {
- // this.finished = true;
- // }
- },
- // 进入详情
- handleGoToKlineDetail (item) {
-
- const obj = {
- pid: item.code || '',
- type: item.stock_type || ''
- }
- window.localStorage.setItem('kLine', JSON.stringify(obj))
- var codes = ''
- var names = ''
- var stockType = ''
- var soks = ''
- var ifZhishu = '0'
- var ifUs = ''
- switch (this.tabsItemIndex) {
- case 0:
- codes = item.code
- names = item.name
- stockType = item.stock_type === 'us' ? item.stock_type + 'a' : item.stock_type
- soks = item.type ? item.type : this.filterSH(item.stock_type)
- ifZhishu = '0'
- ifUs = item.stock_type === 'us' ? '1' : ''
- break
- case 3:
- codes = item.code
- names = item.name
- stockType = item.stock_type + 'a'
- ifUs = '1'
- soks = item.type
- ifZhishu = '0'
- break
- case 4:
- codes = item.code
- names = item.name
- stockType = item.stock_type
- soks = item.type
- ifZhishu = '0'
- ifUs = '2'
- break
- case 1:
- codes = item.indexGid
- names = item.indexName
- stockType = 'sh'
- ifZhishu = item.indexCode
- soks = item.type ? item.type : 0
- break
- case 2:
- codes = item.code
- names = item.name
- stockType = item.stock_type
- soks = this.filterSH(item.stock_type)
- ifZhishu = '0'
- break
- case 5:
- this.sgCode = item.code
- this.xinguprice = item.price
- this.sgsj = item.subscribeTime
- this.rjsj = item.subscriptionTime
- this.orderNumber = item.orderNumber
- this.sgNum = Math.floor(this.$store.state.userInfo.enableAmt / this.xinguprice)
- this.settingDialog = true
-
- // return
- codes = item.futuresGid
- names = item.futuresName
- soks = 0
- stockType = 'qh'
- ifZhishu = item.indexGid
- break
- default:
- break
- }
- console.log(this.tabsItemIndex)
- if (this.tabsItemIndex !== 5) {
- this.$router.push({
- path: '/kline',
- query: {
- name: names,
- stockplate: item.stock_plate,
- code: codes,
- type: stockType,
- sok: soks,
- if_us: ifUs,
- usType: item.type,
- if_zhishu: ifZhishu
- }
- })
- }
- },
- getStock001: handleDt.debounce(async function() {
+ getdialog() {
+ MessageBox.confirm(this.$t("hj252"), this.$t("hj165"), {
+ confirmButtonText: this.$t("hj161"),
+ cancelButtonText: this.$t("hj106"),
+ })
+ .then(async () => {})
+ .catch(() => {});
+ // MessageBox.confirm('老号被盗请勿转账,请认准新tg：@BEINL2', this.$t('hj165'), {
+ // confirmButtonText: this.$t('hj161'),
+ // cancelButtonText: this.$t('hj106'),
+ // }).then(async () => {
- let data = await api.getOptionStock()
+ // }).catch(() => {
- if (data.status === 0) {
- this.listArr = data.data.list
+ // });
+ },
+ gpinput: handleDt.debounce(function () {
+ this.pageNum = 1;
+ this.listArr = [];
+ this.listArr1 = [];
+ this.listArr2 = [];
+ this.listArr3 = [];
+ this.listArr4 = [];
+ this.listArr5 = [];
+ // this.loading = true
+ this.finished = false;
+ this.stockType = "";
+ this.getStock();
+ }, 1000),
+ 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 {
+ }
+ },
+ 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;
+ }
+ },
+ goJy(index) {
+ if (this.userInfo.length == 0) {
+ this.$store.commit("dialogVisible", true);
+ return;
+ }
+ switch (index) {
+ case 0:
+ this.$router.push("/trading-list");
+ break;
+ case 1:
+ this.$router.push("/warehouse");
+ break;
+ case 2:
+ this.$router.push({
+ path: "/trading-list",
+ query: {
+ listid: 5,
+ },
+ });
+ break;
+ case 3:
+ this.$router.push("/user");
+ break;
+ case 4:
+ this.$router.push("/Subscription?idx=1");
+ break;
+ case 5:
+ this.$router.push("/Subscription?idx=2");
+ break;
+ default:
+ 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;
+ } else {
+ this.$store.commit("elAlertShow", {
+ elAlertShow: true,
+ elAlertText: result.msg,
+ });
+ }
+ },
+ goOnline() {
+ this.$router.push("/service");
+ },
+ async getArtList() {
+ let data = await api.getArtList();
+ if (data.status == 0) {
+ this.artList = data.data.list[0];
+ }
+ },
+ async getInfoSite() {
+ let data = await api.getInfoSite();
+ if (data.status === 0) {
+ this.onlineService = data.data.onlineService;
+ } else {
+ this.$store.commit("elAlertShow", {
+ elAlertShow: true,
+ elAlertText: data.msg,
+ });
+ }
+ },
+ async getStock() {
+ let stockType = this.tabsIndex0010 == 1 ? "IN" : "US";
+ // let pageNumVal = (pageNum) ? this.pageNum++ : 1
- } else {
- // this.texts = data.msg
- // this.alertShow = true
- }
- }, 500),
+ // 沪深
+ let opt = {
+ pageNum: this.pageNum,
+ pageSize: 15,
+ stockPlate: this.stockPlate,
+ keyWords: this.gpcode,
+ stockType: stockType,
+ orderBy: this.orderBy,
+ };
+ let data = await api.getStockByType(opt);
+ if (data.status === 0) {
+ this.listArr = data.data.list;
+ } else {
+ this.$store.commit("elAlertShow", {
+ elAlertShow: true,
+ elAlertText: data.msg,
+ });
+ }
+ },
+ async getzixuan() {
+ let stockType = this.tabsIndex0010 == 1 ? "IN" : "US";
+ // let pageNumVal = (pageNum) ? this.pageNum++ : 1
+ if (this.tabsIndex0010 == 0 && this.tabsIndex0010a == 0) {
+ stockType = "IN";
+ } else {
+ stockType = "US";
+ }
+ let opt = {
+ pageNum: this.pageNum,
+ pageSize: 15,
+ stockPlate: this.stockPlate,
+ keyWords: this.gpcode,
+ stockType: stockType,
+ orderBy: this.orderBy,
+ };
+ let data = await api.getOrderList(opt);
+ if (data.status === 0) {
+ this.loading = false;
+ this.listArr = data.data.list;
+ } else {
+ this.$store.commit("elAlertShow", {
+ elAlertShow: true,
+ elAlertText: data.msg,
+ });
+ }
+ },
+ async getNewsList(type) {
+ let data = await api.queryNewsList(type);
- getdialog() {
- MessageBox.confirm(this.$t('hj252'), this.$t('hj165'), {
- confirmButtonText: this.$t('hj161'),
- cancelButtonText: this.$t('hj106')
- }).then(async () => {
+ switch (type) {
+ case 1:
+ this.newsContent1 = data.data.list;
+ break;
+ case 2:
+ this.newsContent2 = data.data.list;
+ break;
+ case 3:
+ this.newsContent3 = data.data.list;
+ break;
+ case 4:
+ this.newsContent4 = data.data.list;
+ break;
+ case 5:
+ this.newsContent5 = data.data.list;
+ break;
+ }
+ },
+ handleBannerClick(ind) {
+ // console.log(ind);
+ },
+ ProcessData() {
+ // 把数据分割成三等份
+ // for (var i = 0; i < this.indexData.data.diff.length; i += 3) {
+ // this.proData.push(this.indexData.data.diff.slice(i, i + 3));
+ // }
+ },
+ handleTabsClick0010a(ind) {
+ this.tabsIndex0010a = ind;
+ console.log(2112, this.$route.path);
+ // this.$router.replace({ path: this.$route.path, query: {} })
+ this.pageNum = 1;
+ this.listArr = [];
+ this.listArr1 = [];
+ this.listArr2 = [];
+ this.listArr3 = [];
+ this.listArr4 = [];
+ this.listArr5 = [];
+ if (ind === 0) {
+ this.listArr = [];
+ this.pageNum = 1;
+ this.loading = false;
+ this.finished = false;
+ if (this.tabsIndex0010 == 0) {
+ this.getzixuan();
+ } else {
+ this.getStock();
+ }
+ } else if (ind === 1) {
+ this.listArr = [];
+ this.pageNum = 1;
+ this.loading = false;
+ this.finished = false;
+ if (this.tabsIndex0010 == 0) {
+ this.getzixuan();
+ } else {
+ this.getStock();
+ }
+ } else if (ind === 2) {
+ this.listArr = [];
+ this.pageNum = 1;
+ this.loading = false;
+ this.finished = false;
+ this.getStock001();
+ } else if (ind === 3) {
+ this.listArr = [];
+ this.pageNum = 1;
+ this.loading = false;
+ this.finished = false;
+ this.getStock002();
+ }
+ },
+ handleTabsClick0010(ind) {
+ this.tabsIndex0010 = ind;
+ console.log(2112, ind);
+ // this.$router.replace({ path: this.$route.path, query: {} })
+ this.pageNum = 1;
+ this.listArr = [];
+ this.listArr1 = [];
+ this.listArr2 = [];
+ this.listArr3 = [];
+ this.listArr4 = [];
+ this.listArr5 = [];
+ if (ind === 0) {
+ this.listArr = [];
+ this.pageNum = 1;
+ this.loading = false;
+ this.finished = false;
+ this.getzixuan();
+ } else if (ind === 1) {
+ this.listArr = [];
+ this.pageNum = 1;
+ this.loading = false;
+ this.finished = false;
+ this.getStock();
+ } else if (ind === 2) {
+ this.listArr = [];
+ this.pageNum = 1;
+ this.loading = false;
+ this.finished = false;
+ this.getStock();
+ } else if (ind === 3) {
+ this.listArr = [];
+ this.pageNum = 1;
+ this.loading = false;
+ this.finished = false;
+ this.getStock002();
+ }
+ },
+ onChange(index) {
+ this.currentIndex = index;
+ this.proData[index].forEach((item) => {});
+ },
+ handleSearchClick() {
+ // this.loading = !this.loading;
+ this.$router.push({
+ path: "/trading-list",
+ query: {
+ type: 1,
+ },
+ });
+ },
+ },
+ filters: {
+ gettime(time) {
+ if (!time) {
+ 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();
+ if (mm < 10) {
+ mm = "0" + mm;
+ }
+ if (d < 10) {
+ d = "0" + d;
+ }
+ if (h < 10) {
+ h = "0" + h;
+ }
+ if (m < 10) {
+ m = "0" + m;
+ }
+ if (c < 10) {
+ c = "0" + c;
+ }
+ // 17:35:2922-06-2022
+ return y + "-" + mm + "-" + d + " " + h + ":" + m + ":" + c;
+ },
+ },
+ created() {
+ // this.getdialog()
+ // this.ProcessData()
+ },
+ mounted() {
+ this.getUserInfo();
+ this.isToken = window.localStorage.getItem("USERTOKEN");
+ this.getzixuan();
- }).catch(() => {
+ // this.getUserInfo()
+ // this.getInfoSite()
+ // this.getNewsList(1)
+ // this.getNewsList(2)
+ // this.getNewsList(4)
+ // this.getStock()
+ // this.getArtList()
+ // this.getBanner()
- })
- // MessageBox.confirm('老号被盗请勿转账,请认准新tg：@BEINL2', this.$t('hj165'), {
- // confirmButtonText: this.$t('hj161'),
- // cancelButtonText: this.$t('hj106'),
- // }).then(async () => {
+ let intEv = setInterval(() => {
+ if (window.localStorage.getItem("USERTOKEN")) {
+ this.isGoTo = false;
+ } else {
+ // this.isGoTo = !this.isGoTo
+ // this.$router.push('/login')
- // }).catch(() => {
+ window.clearInterval(intEv);
+ }
+ }, 5000);
- // });
- },
- gpinput: handleDt.debounce(function() {
- this.pageNum = 1
- this.listArr = []
- this.listArr1 = []
- this.listArr2 = []
- this.listArr3 = []
- this.listArr4 = []
- this.listArr5 = []
- // this.loading = true
- this.finished = false
- this.stockType = ''
- this.getStock()
- }, 1000),
- 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 {}
- },
- 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
- }
- },
- goJy(index) {
- if (this.userInfo.length == 0) {
- this.$store.commit('dialogVisible', true)
- return
- }
- switch (index) {
- case 0:
- this.$router.push('/trading-list')
- break
- case 1:
- this.$router.push('/warehouse')
- break
- case 2:
- this.$router.push({
- path: '/trading-list',
- query: {
- listid: 5
- }
- })
- break
- case 3:
- this.$router.push('/user')
- break
- case 4:
- this.$router.push('/Subscription?idx=1')
- break
- case 5:
- this.$router.push('/Subscription?idx=2')
- break
- default:
- 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
- } else {
- this.$store.commit('elAlertShow', {
- 'elAlertShow': true,
- 'elAlertText': result.msg
- })
- }
- },
- goOnline() {
- this.$router.push('/service')
- },
- async getArtList() {
- let data = await api.getArtList()
- if (data.status == 0) {
- this.artList = data.data.list[0]
- }
- },
- async getInfoSite() {
- let data = await api.getInfoSite()
- if (data.status === 0) {
- this.onlineService = data.data.onlineService
- } else {
- this.$store.commit('elAlertShow', {
- 'elAlertShow': true,
- 'elAlertText': data.msg
- })
- }
- },
- async getStock() {
- let stockType = this.tabsIndex0010 == 1 ? 'IN' : 'US'
- // let pageNumVal = (pageNum) ? this.pageNum++ : 1
-
- // 沪深
- let opt = {
- pageNum: this.pageNum,
- pageSize: 15,
- stockPlate: this.stockPlate,
- keyWords: this.gpcode,
- stockType: stockType,
- orderBy: this.orderBy
- }
- let data = await api.getStockByType(opt)
- if (data.status === 0) {
- this.listArr = data.data.list
- } else {
- this.$store.commit('elAlertShow', {
- 'elAlertShow': true,
- 'elAlertText': data.msg
- })
- }
- },
- async getzixuan() {
- let stockType = this.tabsIndex0010 == 1 ? 'IN' : 'US'
- // let pageNumVal = (pageNum) ? this.pageNum++ : 1
- if(this.tabsIndex0010 == 0 && this.tabsIndex0010a == 0){
- stockType = 'IN'
- }else{
- stockType = 'US'
- }
- let opt = {
- pageNum: this.pageNum,
- pageSize: 15,
- stockPlate: this.stockPlate,
- keyWords: this.gpcode,
- stockType: stockType,
- orderBy: this.orderBy
- }
- let data = await api.getOrderList(opt)
- if (data.status === 0) {
- this.loading = false
- this.listArr = data.data.list
- } else {
- this.$store.commit('elAlertShow', {
- 'elAlertShow': true,
- 'elAlertText': data.msg
- })
- }
- },
- async getNewsList(type) {
- let data = await api.queryNewsList(type)
-
- switch (type) {
- case 1:
- this.newsContent1 = data.data.list
- break
- case 2:
- this.newsContent2 = data.data.list
- break
- case 3:
- this.newsContent3 = data.data.list
- break
- case 4:
- this.newsContent4 = data.data.list
- break
- case 5:
- this.newsContent5 = data.data.list
- break
- }
- },
- handleBannerClick(ind) {
- // console.log(ind);
- },
- ProcessData() {
- // 把数据分割成三等份
- // for (var i = 0; i < this.indexData.data.diff.length; i += 3) {
- // this.proData.push(this.indexData.data.diff.slice(i, i + 3));
- // }
- },
- handleTabsClick0010a(ind) {
- this.tabsIndex0010a = ind
- console.log(2112, this.$route.path)
- // this.$router.replace({ path: this.$route.path, query: {} })
- this.pageNum = 1
- this.listArr = []
- this.listArr1 = []
- this.listArr2 = []
- this.listArr3 = []
- this.listArr4 = []
- this.listArr5 = []
- if (ind === 0) {
- this.listArr = []
- this.pageNum = 1
- this.loading = false
- this.finished = false
- if(this.tabsIndex0010 == 0){
- this.getzixuan()
- }else{
- this.getStock()
- }
- } else if (ind === 1) {
- this.listArr = []
- this.pageNum = 1
- this.loading = false
- this.finished = false
- if(this.tabsIndex0010 == 0){
- this.getzixuan()
- }else{
- this.getStock()
- }
- } else if (ind === 2) {
- this.listArr = []
- this.pageNum = 1
- this.loading = false
- this.finished = false
- this.getStock001()
- } else if (ind === 3) {
- this.listArr = []
- this.pageNum = 1
- this.loading = false
- this.finished = false
- this.getStock002()
- }
- },
- handleTabsClick0010(ind) {
- this.tabsIndex0010 = ind
- console.log(2112,ind)
- // this.$router.replace({ path: this.$route.path, query: {} })
- this.pageNum = 1
- this.listArr = []
- this.listArr1 = []
- this.listArr2 = []
- this.listArr3 = []
- this.listArr4 = []
- this.listArr5 = []
- if (ind === 0) {
- this.listArr = []
- this.pageNum = 1
- this.loading = false
- this.finished = false
- this.getzixuan()
- } else if (ind === 1) {
- this.listArr = []
- this.pageNum = 1
- this.loading = false
- this.finished = false
- this.getStock()
- } else if (ind === 2) {
- this.listArr = []
- this.pageNum = 1
- this.loading = false
- this.finished = false
- this.getStock()
- } else if (ind === 3) {
- this.listArr = []
- this.pageNum = 1
- this.loading = false
- this.finished = false
- this.getStock002()
- }
- },
- onChange(index) {
- this.currentIndex = index
- this.proData[index].forEach(item => {
-
- })
- },
- handleSearchClick() {
- // this.loading = !this.loading;
- this.$router.push({
- path: '/trading-list',
- query: {
- type: 1
- }
- })
- }
- },
- filters: {
- gettime(time) {
- if (!time) {
- 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()
- if (mm < 10) {
- mm = '0' + mm
- }
- if (d < 10) {
- d = '0' + d
- }
- if (h < 10) {
- h = '0' + h
- }
- if (m < 10) {
- m = '0' + m
- }
- if (c < 10) {
- c = '0' + c
- }
- // 17:35:2922-06-2022
- return y + '-' + mm + '-' + d + ' ' + h + ':' + m + ':' + c
- }
- },
- created() {
- // this.getdialog()
- // this.ProcessData()
- },
- mounted() {
- this.getUserInfo()
- this.isToken = window.localStorage.getItem('USERTOKEN')
- this.getzixuan()
-
-
-
-
- // this.getUserInfo()
- // this.getInfoSite()
- // this.getNewsList(1)
- // this.getNewsList(2)
- // this.getNewsList(4)
- // this.getStock()
- // this.getArtList()
- // this.getBanner()
-
- let intEv = setInterval(() => {
- if (window.localStorage.getItem('USERTOKEN')) {
- this.isGoTo = false
- } else {
- // this.isGoTo = !this.isGoTo
- // this.$router.push('/login')
-
- window.clearInterval(intEv);
- }
- }, 5000)
-
- setTimeout(() => {
- this.loading = false
- }, 2000)
- }
- }
+ setTimeout(() => {
+ this.loading = false;
+ }, 2000);
+ },
+};
</script>
<style lang="less" scoped>
- body {
- background-color: #fff;
- }
- .tb {
- width: 100%;
- padding: 0 0.2rem;
- height: 100%;
- display: flex;
- justify-content: center;
- align-items: center;
- font-size: 15px;
+body {
+ background-color: #fff;
+}
+.tb {
+ width: 100%;
+ padding: 0 0.2rem;
+ height: 100%;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ font-size: 15px;
- span {
- // width: 50%;
- }
- }
+ span {
+ // width: 50%;
+ }
+}
- .active {
- width: 50px;
- color: rgb(2, 99, 226);
- border-bottom: 0.06rem solid rgb(2, 99, 226);
- padding-bottom: 10px;
- font-weight: 800;
- transition: all 0.5s;
- }
+.active {
+ width: 50px;
+ color: rgb(2, 99, 226);
+ border-bottom: 0.06rem solid rgb(2, 99, 226);
+ padding-bottom: 10px;
+ font-weight: 800;
+ transition: all 0.5s;
+}
- .wrapper {
- width: 100%;
- height: 100%;
+.wrapper {
+ width: 100%;
+ height: 100%;
- padding-top: .3128rem;
+ padding-top: 0.3128rem;
- .page_content {
- width: 100%;
- height: 100%;
- }
- }
+ .page_content {
+ width: 100%;
+ height: 100%;
+ }
+}
- .top_logo {
- width: 100%;
- height: 0.7949rem;
- display: flex;
- padding-right: 0.3rem;
+.top_logo {
+ width: 100%;
+ height: 0.7949rem;
+ display: flex;
+ padding-right: 0.3rem;
- >div {
- width: 50%;
- height: 100%;
- display: flex;
- align-items: center;
- }
+ > div {
+ width: 50%;
+ height: 100%;
+ display: flex;
+ align-items: center;
+ }
- .img_logo {
- width: 1.10rem;
- height: 1.10rem;
- margin-left: 0.3846rem;
+ .img_logo {
+ width: 1.1rem;
+ height: 1.1rem;
+ margin-left: 0.3846rem;
- >img {
- width: 100%;
- height: 100%;
- }
- }
+ > img {
+ width: 100%;
+ height: 100%;
+ }
+ }
- .right_search {
- justify-content: flex-end;
- width: 50%;
+ .right_search {
+ justify-content: flex-end;
+ width: 50%;
- >div {
- width: 34%;
- height: 0.4615rem;
- display: flex;
- justify-content: space-between;
+ > div {
+ width: 34%;
+ height: 0.4615rem;
+ display: flex;
+ justify-content: space-between;
- >div {
- width: 0.5615rem;
- height: 0.5615rem;
+ > div {
+ width: 0.5615rem;
+ height: 0.5615rem;
- >img {
- width: 100%;
- height: 100%;
- }
- }
- }
- }
- }
+ > img {
+ width: 100%;
+ height: 100%;
+ }
+ }
+ }
+ }
+}
- .search {
- width: 100%;
- height: 1rem;
- display: flex;
- align-items: center;
- justify-content: center;
- padding: 0 0.3rem;
- position: relative;
- top: 0px;
- background-color: #fff;
- z-index: 3000;
+.search {
+ width: 100%;
+ height: 1rem;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ padding: 0 0.3rem;
+ position: relative;
+ top: 0px;
+ background-color: #fff;
+ z-index: 99;
- .search_content {
- width: 100%;
- height: 90%;
- display: flex;
- align-items: center;
- }
+ .search_content {
+ width: 100%;
+ height: 90%;
+ display: flex;
+ align-items: center;
+ }
- .left_search {
- width: 100%;
- height: 100%;
- background: #f6f6f6;
- border-radius: 100px;
- display: flex;
+ .left_search {
+ width: 100%;
+ height: 100%;
+ background: #f6f6f6;
+ border-radius: 100px;
+ display: flex;
- .search_img {
- width: 1rem;
- height: 100%;
- display: flex;
- justify-content: center;
- align-items: center;
+ .search_img {
+ width: 1rem;
+ height: 100%;
+ display: flex;
+ justify-content: center;
+ align-items: center;
- img {
- width: 0.5rem;
- height: 0.5rem;
- }
- }
+ img {
+ width: 0.5rem;
+ height: 0.5rem;
+ }
+ }
- .search_input {
- width: 100%;
- overflow: hidden;
- height: 100%;
- display: flex;
- }
- }
+ .search_input {
+ width: 100%;
+ overflow: hidden;
+ height: 100%;
+ display: flex;
+ }
+ }
- .right_search_class {
- width: 13%;
- height: 100%;
- display: flex;
- justify-content: flex-end;
- align-items: center;
+ .right_search_class {
+ width: 13%;
+ height: 100%;
+ display: flex;
+ justify-content: flex-end;
+ align-items: center;
- img {
- width: 0.6rem;
- height: 0.6rem;
- }
- }
- }
+ img {
+ width: 0.6rem;
+ height: 0.6rem;
+ }
+ }
+}
- .list_title {
- width: 100%;
- height: 1.3rem;
- margin-top: 0.09rem;
- padding: 0 0.3rem;
- color: #a1a2a4;
- display: flex;
- background-color: #FFf;
- border-bottom: 1px solid #F2F6FC;
+.list_title {
+ width: 100%;
+ height: 1.3rem;
+ margin-top: 0.09rem;
+ padding: 0 0.3rem;
+ color: #a1a2a4;
+ display: flex;
+ background-color: #fff;
+ border-bottom: 1px solid #f2f6fc;
- >div {
- display: flex;
- align-items: center;
- }
+ > div {
+ display: flex;
+ align-items: center;
+ }
- .varieties {
- width: 33%;
- align-items: center;
- // justify-content: center;
- }
+ .varieties {
+ width: 33%;
+ align-items: center;
+ // justify-content: center;
+ }
- .latest_price {
- width: 33%;
- align-items: center;
- justify-content: center;
- }
+ .latest_price {
+ width: 33%;
+ align-items: center;
+ justify-content: center;
+ }
- .applies {
- width: 33%;
- align-items: center;
- justify-content: flex-end;
- }
- }
+ .applies {
+ width: 33%;
+ align-items: center;
+ justify-content: flex-end;
+ }
+}
- .center_tabs {
- width: 100%;
- height: auto;
- margin-top: 0.2308rem;
+.center_tabs {
+ width: 100%;
+ height: auto;
+ margin-top: 0.2308rem;
- >.banner_top {
- width: 100%;
+ > .banner_top {
+ width: 100%;
- img {
- width: 100%;
- height: 100%;
- }
+ img {
+ width: 100%;
+ height: 100%;
+ }
- .van-swipe-item {
- height: 3.0615rem;
- padding: 0 0.264rem;
- border-radius: 0.3rem;
- }
+ .van-swipe-item {
+ height: 3.0615rem;
+ padding: 0 0.264rem;
+ border-radius: 0.3rem;
+ }
- .van-swipe-item img {
- border-radius: 0.3rem;
- }
- }
+ .van-swipe-item img {
+ border-radius: 0.3rem;
+ }
+ }
- >.announcement {
- width: 100%;
- height: auto;
- display: flex;
- justify-content: center;
- align-items: center;
- padding: 0.2rem 0 0.2rem 0;
+ > .announcement {
+ width: 100%;
+ height: auto;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ padding: 0.2rem 0 0.2rem 0;
- >.an_content {
- width: 95%;
- height: 0.559rem;
- display: flex;
- justify-content: space-between;
- align-items: center;
+ > .an_content {
+ width: 95%;
+ height: 0.559rem;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
- .an_left_icon {
- width: 4%;
- height: 70%;
- display: flex;
- align-items: center;
+ .an_left_icon {
+ width: 4%;
+ height: 70%;
+ display: flex;
+ align-items: center;
- >img {
- width: 100%;
- height: 100%;
- }
- }
+ > img {
+ width: 100%;
+ height: 100%;
+ }
+ }
- .an_right_message {
- width: 93%;
- height: 100%;
- line-height: 0.559rem;
- align-items: center;
- align-content: center;
- font-size: 0.29rem;
- white-space: nowrap;
- overflow: hidden;
- // text-overflow:ellipsis;
- }
- }
- }
+ .an_right_message {
+ width: 93%;
+ height: 100%;
+ line-height: 0.559rem;
+ align-items: center;
+ align-content: center;
+ font-size: 0.29rem;
+ white-space: nowrap;
+ overflow: hidden;
+ // text-overflow:ellipsis;
+ }
+ }
+ }
- .navs {
- width: 100%;
- height: 2.6154rem;
+ .navs {
+ width: 100%;
+ height: 2.6154rem;
- display: flex;
- justify-content: center;
+ display: flex;
+ justify-content: center;
- >.navs_content {
- position: relative;
- overflow: hidden;
- width: 95%;
- height: 100%;
- margin: 0 auto;
- border-radius: 0.2564rem;
- display: flex;
- justify-content: space-between;
+ > .navs_content {
+ position: relative;
+ overflow: hidden;
+ width: 95%;
+ height: 100%;
+ margin: 0 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;
+ > .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;
+ > div {
+ width: 0.3554rem;
+ height: 0.3554rem;
+ margin-top: 0.3rem;
+ margin-left: 0.15rem;
- >img {
- width: 100%;
- height: 100%;
- }
- }
+ > img {
+ width: 100%;
+ height: 100%;
+ }
+ }
+ }
- }
+ > div {
+ width: 16%;
+ height: 100%;
+ display: flex;
+ align-items: center;
- >div {
- width: 16%;
- height: 100%;
- display: flex;
- align-items: center;
+ > div {
+ width: 100%;
+ height: 60%;
- >div {
- width: 100%;
- height: 60%;
+ > .top_img {
+ width: 100%;
+ height: 70%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
- >.top_img {
- width: 100%;
- height: 70%;
- display: flex;
- align-items: center;
- justify-content: center;
+ > div {
+ width: 0.9718rem;
+ height: 0.9718rem;
- >div {
- width: 0.9718rem;
- height: 0.9718rem;
+ > img {
+ width: 100%;
+ height: 100%;
+ }
+ }
+ }
- >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;
+ }
+ }
+ }
+ }
+ }
- >.bottom_navs {
- width: 100%;
- height: 30%;
- display: flex;
- justify-content: center;
- align-items: center;
- font-size: 0.33rem;
- margin-top: 0.15rem;
- }
- }
- }
- }
- }
+ /deep/.top_title {
+ top: 0 !important;
+ }
- /deep/.top_title {
- top: 0 !important;
- }
+ .tabs_title {
+ width: 100%;
+ height: 80px;
+ display: flex;
+ }
- .tabs_title {
- width: 100%;
- height: 80px;
- display: flex;
- }
+ .tb {
+ width: 100%;
+ padding: 0 0.2rem;
+ height: 100%;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ font-size: 15px;
- .tb {
- width: 100%;
- padding: 0 0.2rem;
- height: 100%;
- display: flex;
- justify-content: center;
- align-items: center;
- font-size: 15px;
+ span {
+ // width: 50%;
+ }
+ }
- span {
- // width: 50%;
- }
- }
+ .focus_on {
+ width: 100%;
+ height: calc(100% - 20px);
+ margin-top: 0.2564rem;
+ display: flex;
+ align-items: center;
+ justify-content: center;
- .focus_on {
- width: 100%;
- height: calc(100% - 20px);
- margin-top: 0.2564rem;
- display: flex;
- align-items: center;
- justify-content: center;
+ .fo_content {
+ width: 95%;
+ height: calc(100% - 0.6rem);
+ // padding: 0 0.2564rem;
+ border-radius: 0.2564rem;
+ margin-top: -0.2rem;
- .fo_content {
- width: 95%;
- height: calc(100% - .6rem);
- // padding: 0 0.2564rem;
- border-radius: 0.2564rem;
- margin-top: -0.2rem;
+ .top_title {
+ width: 100%;
+ height: 0.8821rem;
+ display: flex;
+ font-size: 0.6rem;
+ font-weight: 800;
+ align-items: center;
+ }
+ }
- .top_title {
- width: 100%;
- height: 0.8821rem;
- display: flex;
- font-size: 0.6rem;
- font-weight: 800;
- align-items: center;
- }
- }
+ /deep/.van-swipe__indicators {
+ bottom: 0.1rem;
+ }
+ /deep/.van-swipe__indicator {
+ background-color: #2d8cf0 !important;
+ opacity: 1;
+ }
+ /deep/.van-swipe__indicator--active {
+ width: 0.35rem !important;
+ border-radius: 0.23rem;
+ background-color: #aec7ec !important;
+ }
+ .fo_banner {
+ width: 100%;
+ height: calc(100% - 0.8821rem - 0.3rem);
+ }
+ }
+ .item_cont {
+ width: 100%;
+ height: 1.5385rem;
+ border-bottom: 0.5px solid #ececec;
+ position: relative;
+ border: none;
+ display: flex;
+ flex-wrap: wrap;
+ align-content: center;
- /deep/.van-swipe__indicators {
- bottom: 0.1rem;
- }
+ > div {
+ width: 100%;
+ height: 30%;
+ }
- /deep/.van-swipe__indicator {
- background-color: #2d8cf0 !important;
- opacity: 1;
- }
+ .top_fo,
+ .bottom_fo {
+ display: flex;
+ justify-content: space-between;
- /deep/.van-swipe__indicator--active {
- width: 0.35rem !important;
- border-radius: 0.23rem;
- background-color: #aec7ec !important;
- }
+ span {
+ display: inline-block;
+ }
- .fo_banner {
- width: 100%;
- height: calc(100% - .8821rem - 0.3rem);
- }
- }
+ .title {
+ width: 30%;
+ height: 100%;
+ display: flex;
+ align-items: center;
+ font-weight: 500;
+ }
- .item_cont {
- width: 100%;
- height: 1.5385rem;
- border-bottom: 0.5px solid #ececec;
- position: relative;
- border: none;
- display: flex;
- flex-wrap: wrap;
- align-content: center;
+ .aikesi {
+ width: auto;
+ height: 0.3rem;
+ background: #dbe3f0;
+ color: #546daf;
+ padding-left: 0.2rem;
+ padding-right: 0.2rem;
+ font-size: 0.15rem;
+ line-height: 0.3rem;
+ margin-right: 0.1rem;
+ }
- >div {
- width: 100%;
- height: 30%;
- }
+ .numberid {
+ font-size: 0.28rem;
+ display: flex;
- .top_fo,
- .bottom_fo {
- display: flex;
- justify-content: space-between;
-
- span {
- display: inline-block;
- }
-
- .title {
- width: 30%;
- height: 100%;
- display: flex;
- align-items: center;
- font-weight: 500;
-
- }
-
- .aikesi {
- width: auto;
- height: 0.3rem;
- background: #dbe3f0;
- color: #546daf;
- padding-left: 0.2rem;
- padding-right: 0.2rem;
- font-size: 0.15rem;
- line-height: 0.3rem;
- margin-right: 0.1rem;
- }
-
- .numberid {
- font-size: 0.28rem;
- display: flex;
-
- line-height: 0.5rem;
- }
-
- .numbers {
- width: 20%;
- height: 100%;
- display: flex;
- align-items: center;
-
- }
-
- .point {
- font-size: 0.28rem;
- height: 0.5rem;
- line-height: 0.5rem;
- }
-
- .percentage {
- width: 20%;
- height: 100%;
- display: flex;
- align-items: center;
- text-align: center;
- justify-content: center;
- }
-
- .percentage span {
- height: 0.5rem;
- line-height: 0.5rem;
- }
- }
-
- .top_fo {
- font-size: 0.3846rem !important;
- }
-
- .bottom_fo {
- margin-top: 0.1rem;
- font-size: 0.1846rem;
- color: #999898;
- }
-
- .percentage.gree {
- color: green !important;
- }
-
- .percentage.redd {
- color: red !important;
- }
- }
- }
-
- .item_conts::after {
- content: "";
- position: absolute;
- bottom: 0;
- background: #ececec;
- width: 100%;
- height: 1px;
- -webkit-transform: scaleY(0.5);
- transform: scaleY(0.5);
- -webkit-transform-origin: 0 0;
- transform-origin: 0 0;
- }
-
- .my-swipe .van-swipe-item {
-
- font-size: 0.5128rem;
- line-height: 3.8462rem;
- text-align: center;
- overflow: hidden;
- }
-
- .fo_my-swipe .van-swipe-item {
-
- font-size: 0.5128rem;
- line-height: 3.8462rem;
- overflow: hidden;
- }
-
- .fo_my-swipe {
- width: 100%;
- height: 100%;
- }
-
- .focus_skeleton {
- margin-top: 1rem;
- }
-
- .van-skeleton__row,
- .van-skeleton__title {
- height: .7rem;
- }
-
- .news-tab {
- width: 95%;
- position: relative;
- left: 0;
- right: 0;
- margin: auto;
- margin-top: 0.2rem;
- border-radius: 0.4rem 0.4rem 0 0;
- padding-top: 0.3rem;
-
- /deep/.is-selected .tab-name {
- position: relative;
- }
-
- /deep/.mint-navbar .mint-tab-item.is-selected {
- border: 0 !important;
- border-bottom: none;
- }
-
- /deep/.is-selected .tab-name:after {
- position: absolute;
- display: block;
- content: '';
- height: .07rem;
- background-color: #1381A4;
- width: 100%;
- left: 0;
- bottom: -.25rem;
- }
- }
-
- .news-content {
- position: relative;
- padding: 0.3rem;
- }
-
- .item-out {
- position: relative;
- border-left: 0.01rem solid rgba(192, 192, 192, 0.8);
- padding: 0 0.25rem 1rem 0.25rem;
- }
-
- .item-out::before {
- content: "●";
- position: absolute;
- top: -0.1rem;
- left: -0.128rem;
- margin: auto;
- }
+ line-height: 0.5rem;
+ }
- .item-times {
- color: #999;
- margin-bottom: 0.15rem;
- }
+ .numbers {
+ width: 20%;
+ height: 100%;
+ display: flex;
+ align-items: center;
+ }
- .tabs_title {
- width: 100%;
- height: 100%;
- display: flex;
- }
+ .point {
+ font-size: 0.28rem;
+ height: 0.5rem;
+ line-height: 0.5rem;
+ }
- .list_items {
- // margin-top: -0.5rem;
- background-color: #fff;
- width: 100%;
+ .percentage {
+ width: 20%;
+ height: 100%;
+ display: flex;
+ align-items: center;
+ text-align: center;
+ justify-content: center;
+ }
- >div {
- width: 100%;
- height: 1.5rem;
- display: flex;
- justify-content: center;
- align-items: center;
- padding: 20px;
- border-bottom: 1px solid #f2f6fc;
- // padding: 0.5rem 0;
+ .percentage span {
+ height: 0.5rem;
+ line-height: 0.5rem;
+ }
+ }
- >div {
- width: 100%;
- height: 1.0256rem;
- display: flex;
+ .top_fo {
+ font-size: 0.3846rem !important;
+ }
- // margin: 18px 0;
- >div {
- >div {
- display: flex;
- align-items: center;
- }
+ .bottom_fo {
+ margin-top: 0.1rem;
+ font-size: 0.1846rem;
+ color: #999898;
+ }
- .tp {
- width: 100%;
- height: 70%;
- }
+ .percentage.gree {
+ color: green !important;
+ }
- .bt {
- width: 100%;
- height: 30%;
- font-size: 12px;
+ .percentage.redd {
+ color: red !important;
+ }
+ }
+}
- }
- }
- }
- }
+.item_conts::after {
+ content: "";
+ position: absolute;
+ bottom: 0;
+ background: #ececec;
+ width: 100%;
+ height: 1px;
+ -webkit-transform: scaleY(0.5);
+ transform: scaleY(0.5);
+ -webkit-transform-origin: 0 0;
+ transform-origin: 0 0;
+}
- .left_title {
- width: 45%;
- height: 100%;
- }
+.my-swipe .van-swipe-item {
+ font-size: 0.5128rem;
+ line-height: 3.8462rem;
+ text-align: center;
+ overflow: hidden;
+}
- .center_price {
- width: 35%;
- height: 100%;
- display: flex;
- justify-content: center;
- align-items: center;
- }
+.fo_my-swipe .van-swipe-item {
+ font-size: 0.5128rem;
+ line-height: 3.8462rem;
+ overflow: hidden;
+}
- .right_bs {
- width: 20%;
- height: 100%;
- display: flex;
- justify-content: center;
- align-items: center;
- }
- }
+.fo_my-swipe {
+ width: 100%;
+ height: 100%;
+}
- .item_box {
- display: flex;
- justify-content: space-between;
- align-items: center;
- }
+.focus_skeleton {
+ margin-top: 1rem;
+}
- .item_box_left {
- width: 33%;
- display: flex;
- flex-direction: column;
- justify-content: center;
- // align-items: center;
- }
+.van-skeleton__row,
+.van-skeleton__title {
+ height: 0.7rem;
+}
- .item_box_zj {
- width: 33%;
- display: flex;
- flex-direction: column;
- justify-content: center;
- align-items: center;
- }
+.news-tab {
+ width: 95%;
+ position: relative;
+ left: 0;
+ right: 0;
+ margin: auto;
+ margin-top: 0.2rem;
+ border-radius: 0.4rem 0.4rem 0 0;
+ padding-top: 0.3rem;
- .item_box_right {
- width: 33%;
- display: flex;
- align-items: center;
- justify-content: flex-end;
- color: #03ad8f;
- }
+ /deep/.is-selected .tab-name {
+ position: relative;
+ }
- .item_box_righta {
- width: 33%;
- display: flex;
- align-items: center;
- justify-content: flex-end;
- color: #d04b64;
- }
+ /deep/.mint-navbar .mint-tab-item.is-selected {
+ border: 0 !important;
+ border-bottom: none;
+ }
- .item_box_left_bottom {
- margin-top: 10px;
- width: 80px;
- color: #8c9fad;
- white-space: nowrap;
- /* 保证文本在一行内显示 */
- overflow: hidden;
- /* 超出容器部分隐藏 */
- text-overflow: ellipsis;
- /* 使用省略号表示被截断的文本 */
- }
+ /deep/.is-selected .tab-name:after {
+ position: absolute;
+ display: block;
+ content: "";
+ height: 0.07rem;
+ background-color: #1381a4;
+ width: 100%;
+ left: 0;
+ bottom: -0.25rem;
+ }
+}
- .titContent {
- position: relative;
- width: 100%;
- font-size: .35rem;
- line-height: .46rem;
- overflow: hidden;
- text-overflow: ellipsis;
- -webkit-line-clamp: 2;
- display: -webkit-box;
- }
+.news-content {
+ position: relative;
+ padding: 0.3rem;
+}
- .neitu {
- width: 100%;
- border-radius: 0.05rem;
- margin-top: 0.3rem;
- margin-bottom: 0.8rem;
- }
+.item-out {
+ position: relative;
+ border-left: 0.01rem solid rgba(192, 192, 192, 0.8);
+ padding: 0 0.25rem 1rem 0.25rem;
+}
- .neitu img {
- width: 100%;
- border-radius: 0.05rem;
- }
+.item-out::before {
+ content: "●";
+ position: absolute;
+ top: -0.1rem;
+ left: -0.128rem;
+ margin: auto;
+}
- .block-out {
- margin-top: 0.2rem;
- }
+.item-times {
+ color: #999;
+ margin-bottom: 0.15rem;
+}
- .blocks {
- width: auto;
- font-size: 0.32rem;
- padding: 0.08rem 0.15rem 0.08rem 0.15rem;
- display: inline-block;
- border: 0.0513rem solid #41AC75;
- color: #41AC75;
- }
+.tabs_title {
+ width: 100%;
+ height: 100%;
+ display: flex;
+}
- .animate {
+.list_items {
+ // margin-top: -0.5rem;
+ background-color: #fff;
+ width: 100%;
- padding-left: 20px;
+ > div {
+ width: 100%;
+ height: 1.5rem;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ padding: 20px;
+ border-bottom: 1px solid #f2f6fc;
+ // padding: 0.5rem 0;
- font-size: 0.29rem;
+ > div {
+ width: 100%;
+ height: 1.0256rem;
+ display: flex;
- color: #000;
+ // margin: 18px 0;
+ > div {
+ > div {
+ display: flex;
+ align-items: center;
+ }
- display: inline-block;
+ .tp {
+ width: 100%;
+ height: 70%;
+ }
- white-space: nowrap;
+ .bt {
+ width: 100%;
+ height: 30%;
+ font-size: 12px;
+ }
+ }
+ }
+ }
- animation: 10s wordsLoop linear infinite normal;
+ .left_title {
+ width: 45%;
+ height: 100%;
+ }
- }
+ .center_price {
+ width: 35%;
+ height: 100%;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ }
- .scroll_tab {
- width: 100%;
- overflow-x: scroll;
- -webkit-overflow-scrolling: touch;
- display: -webkit-box;
- white-space: nowrap;
+ .right_bs {
+ width: 20%;
+ height: 100%;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ }
+}
- >div {
- display: inline-block;
- // width: 15%;
- height: 100%;
- display: flex;
- font-size: 0.4rem;
- align-items: center;
- padding: 0 0.3rem;
+.item_box {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+}
- span {
- display: inline-block;
- min-width: 40%;
- height: 100%;
- text-align: center;
- line-height: 1.1538rem;
- }
- }
+.item_box_left {
+ width: 33%;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ // align-items: center;
+}
- span.active {
- color: rgb(2, 99, 226);
- border-bottom: 0.07rem solid rgb(2, 99, 226);
- font-weight: 800;
- transition: all 0.5s;
- }
- }
+.item_box_zj {
+ width: 33%;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+}
- @keyframes wordsLoop {
+.item_box_right {
+ width: 33%;
+ display: flex;
+ align-items: center;
+ justify-content: flex-end;
+ color: #03ad8f;
+}
- 0% {
+.item_box_righta {
+ width: 33%;
+ display: flex;
+ align-items: center;
+ justify-content: flex-end;
+ color: #d04b64;
+}
- transform: translateX(100%);
+.item_box_left_bottom {
+ margin-top: 10px;
+ width: 80px;
+ color: #8c9fad;
+ white-space: nowrap;
+ /* 保证文本在一行内显示 */
+ overflow: hidden;
+ /* 超出容器部分隐藏 */
+ text-overflow: ellipsis;
+ /* 使用省略号表示被截断的文本 */
+}
- -webkit-transform: translateX(100%);
+.titContent {
+ position: relative;
+ width: 100%;
+ font-size: 0.35rem;
+ line-height: 0.46rem;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ -webkit-line-clamp: 2;
+ display: -webkit-box;
+}
- }
+.neitu {
+ width: 100%;
+ border-radius: 0.05rem;
+ margin-top: 0.3rem;
+ margin-bottom: 0.8rem;
+}
- 100% {
+.neitu img {
+ width: 100%;
+ border-radius: 0.05rem;
+}
- transform: translateX(-100%);
+.block-out {
+ margin-top: 0.2rem;
+}
- -webkit-transform: translateX(-100%);
+.blocks {
+ width: auto;
+ font-size: 0.32rem;
+ padding: 0.08rem 0.15rem 0.08rem 0.15rem;
+ display: inline-block;
+ border: 0.0513rem solid #41ac75;
+ color: #41ac75;
+}
- }
+.animate {
+ padding-left: 20px;
- }
+ font-size: 0.29rem;
- @-webkit-keyframes wordsLoop {
+ color: #000;
- 0% {
+ display: inline-block;
- transform: translateX(100%);
+ white-space: nowrap;
- -webkit-transform: translateX(100%);
+ animation: 10s wordsLoop linear infinite normal;
+}
- }
+.scroll_tab {
+ width: 100%;
+ overflow-x: scroll;
+ -webkit-overflow-scrolling: touch;
+ display: -webkit-box;
+ white-space: nowrap;
- 100% {
+ > div {
+ display: inline-block;
+ // width: 15%;
+ height: 100%;
+ display: flex;
+ font-size: 0.4rem;
+ align-items: center;
+ padding: 0 0.3rem;
- transform: translateX(-100%);
+ span {
+ display: inline-block;
+ min-width: 40%;
+ height: 100%;
+ text-align: center;
+ line-height: 1.1538rem;
+ }
+ }
- -webkit-transform: translateX(-100%);
+ span.active {
+ color: rgb(2, 99, 226);
+ border-bottom: 0.07rem solid rgb(2, 99, 226);
+ font-weight: 800;
+ transition: all 0.5s;
+ }
+}
- }
+@keyframes wordsLoop {
+ 0% {
+ transform: translateX(100%);
- }
+ -webkit-transform: translateX(100%);
+ }
+ 100% {
+ transform: translateX(-100%);
+ -webkit-transform: translateX(-100%);
+ }
+}
+@-webkit-keyframes wordsLoop {
+ 0% {
+ transform: translateX(100%);
- .list_item {
+ -webkit-transform: translateX(100%);
+ }
- th {
- padding-bottom: .6rem;
- color: #999;
- }
+ 100% {
+ transform: translateX(-100%);
- .name {
- color: #020202;
- font-size: 0.4rem;
- font-weight: 600;
- padding-left: .2rem;
- margin-bottom: .15rem;
- border-left: 5px solid #999;
+ -webkit-transform: translateX(-100%);
+ }
+}
+.list_item {
+ th {
+ padding-bottom: 0.6rem;
+ color: #999;
+ }
- }
+ .name {
+ color: #020202;
+ font-size: 0.4rem;
+ font-weight: 600;
+ padding-left: 0.2rem;
+ margin-bottom: 0.15rem;
+ border-left: 5px solid #999;
+ }
- .red {
- color: red;
- }
+ .red {
+ color: red;
+ }
- .green {
- color: green;
- }
+ .green {
+ color: green;
+ }
- .text {
- padding-bottom: .5rem;
- }
- }
+ .text {
+ padding-bottom: 0.5rem;
+ }
+}
- .top_title-wrap {
- font-size: 0.6rem;
- font-weight: 800;
- padding: .6rem 0 0 .5rem;
- }
+.top_title-wrap {
+ font-size: 0.6rem;
+ font-weight: 800;
+ padding: 0.6rem 0 0 0.5rem;
+}
</style>
\ No newline at end of file
--
Gitblit v1.9.3