注册页面的客服地址错误

zzzz

2024-03-28 91f9b7a3b7dfc4fe6b9b5008cfec4e18dfb6dcd5

 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>