From 35f3f260f3d3c51ac2256899ade3b9a144b46b28 Mon Sep 17 00:00:00 2001
From: zzzz <690498789@qq.com>
Date: Fri, 19 Apr 2024 05:58:04 +0800
Subject: [PATCH] first
---
src/components/contract-header/index.vue | 10
src/page/quotes.vue | 14
src/page/home.vue | 12
src/request/httpAxios.js | 4
src/components/trade-head/index.vue | 11
src/store/modules/home.store.js | 23 +
src/API/home.api.js | 8
src/page/search/index.vue | 683 ++++++++++++++++++++++++++++------------------------
8 files changed, 435 insertions(+), 330 deletions(-)
diff --git a/src/API/home.api.js b/src/API/home.api.js
index 7f6ab05..99afb36 100644
--- a/src/API/home.api.js
+++ b/src/API/home.api.js
@@ -121,3 +121,11 @@
data: objectToFormData(data),
});
};
+// ico
+export const itemlist = (params) => {
+ return requestHttp({
+ url: "api/icoNewCurrency/getUnlisted.action",
+ method: "get",
+ params,
+ });
+};
diff --git a/src/components/contract-header/index.vue b/src/components/contract-header/index.vue
index a02afb5..8d144b7 100644
--- a/src/components/contract-header/index.vue
+++ b/src/components/contract-header/index.vue
@@ -114,7 +114,7 @@
<script>
import { Popup } from "vant";
-import { mapGetters } from "vuex";
+import { mapActions, mapGetters } from "vuex";
import { _getHomeList } from "@/API/home.api";
import { setStorage } from "@/utils/utis";
export default {
@@ -153,6 +153,7 @@
...mapGetters({
coinList: "home/coinList",
theme: "home/theme",
+ newcoinArr: "home/newcoinArr",
}),
title() {
return [this.$t("永续"), this.$t("交割")][this.selectIndex - 1];
@@ -172,10 +173,12 @@
};
},
created() {
+ this.NEW_CION_LIST();
// this.coins = this.coinList.map(item => item.symbol)
// console.log('this.coins', this.coins)
},
methods: {
+ ...mapActions("home", ["NEW_CION_LIST"]),
onRoute(item) {
if (this.$route.params.symbol !== item.symbol) {
this.$router.push(`/perpetualContract/${item.symbol}`);
@@ -195,7 +198,10 @@
},
fetchList() {
// 获取行情
- _getHomeList(this.coins.join(",")).then((list) => {
+ const mainArray = this.coins.filter(
+ (item) => !this.newcoinArr.includes(item)
+ );
+ _getHomeList(mainArray.join(",")).then((list) => {
// console.log(list)
this.list = list;
if (this.timeout) {
diff --git a/src/components/trade-head/index.vue b/src/components/trade-head/index.vue
index e2e9fab..a089cdf 100644
--- a/src/components/trade-head/index.vue
+++ b/src/components/trade-head/index.vue
@@ -179,6 +179,7 @@
...mapGetters({
coinList: "home/coinList",
theme: "home/theme",
+ newcoinArr: "home/newcoinArr",
}),
},
data() {
@@ -198,6 +199,9 @@
// { name:"ADA/USDT",close:"0.493085",change_ratio:"-4.08"},
//]
};
+ },
+ mounted() {
+ this.NEW_CION_LIST();
},
watch: {
symbol(val) {
@@ -225,7 +229,7 @@
}
},
methods: {
- ...mapMutations("home", ["SET_THEME"]),
+ ...mapMutations("home", ["SET_THEME", "NEW_CION_LIST"]),
onRoute(item) {
if (this.islevel) {
if (this.$route.params.symbol !== item.symbol) {
@@ -258,7 +262,10 @@
},
fetchList() {
// 获取行情
- _getHomeList(this.coins.join(",")).then((list) => {
+ const mainArray = this.coins.filter(
+ (item) => !this.newcoinArr.includes(item)
+ );
+ _getHomeList(mainArray.join(",")).then((list) => {
// console.log(list)
this.list = list;
if (this.timeout) {
diff --git a/src/page/home.vue b/src/page/home.vue
index 0c31047..5ff5ae8 100644
--- a/src/page/home.vue
+++ b/src/page/home.vue
@@ -137,6 +137,7 @@
coinList: "home/coinList",
currency: "home/currency",
coinArr: "home/coinArr",
+ newcoinArr: "home/newcoinArr",
hotArr: "home/hotArr",
userInfo: "user/userInfo",
theme: "home/theme",
@@ -169,7 +170,7 @@
};
},
methods: {
- ...mapActions("home", [SET_COIN_LIST]),
+ ...mapActions("home", [SET_COIN_LIST, "NEW_CION_LIST"]),
fetchUnread() {
// 获取未读
_getUnreadMsg().then((unread_num) => {
@@ -182,7 +183,12 @@
},
async fetchQList() {
// 获取行情
- const list = await _getHomeList(this.coinArr.join(",")).catch(() => {
+ // console.log(this.newcoinArr, "[[[[[]]]]]");
+ const mainArray = this.coinArr.filter(
+ (item) => !this.newcoinArr.includes(item)
+ );
+
+ const list = await _getHomeList(mainArray.join(",")).catch(() => {
this.timeout = setTimeout(() => {
this.fetchQList();
}, 1000);
@@ -331,6 +337,7 @@
},
},
async created() {
+ await this.NEW_CION_LIST();
this.getIsSave();
this.getNews();
this.getPopupNews();
@@ -340,6 +347,7 @@
async activated() {
this.getNews();
this.getPopupNews();
+ await this.NEW_CION_LIST();
await this.SET_COIN_LIST();
this.startTimeout();
if (this.userInfo.token) {
diff --git a/src/page/quotes.vue b/src/page/quotes.vue
index d270ece..8b6e047 100644
--- a/src/page/quotes.vue
+++ b/src/page/quotes.vue
@@ -95,6 +95,9 @@
[Tab.name]: Tab,
[Tabs.name]: Tabs,
},
+ mounted() {
+ this.NEW_CION_LIST();
+ },
async created() {
this.keywords = this.$route.query.inputdata;
// console.log(this.inputdata, "this.inputdata");
@@ -106,7 +109,11 @@
await this.fetchQoutes();
},
computed: {
- ...mapGetters({ coinList: "home/coinList", userInfo: "user/userInfo" }),
+ ...mapGetters({
+ coinList: "home/coinList",
+ userInfo: "user/userInfo",
+ newcoinArr: "home/newcoinArr",
+ }),
},
data() {
const arr = [];
@@ -133,7 +140,7 @@
};
},
methods: {
- ...mapActions("home", [SET_COIN_LIST]),
+ ...mapActions("home", [SET_COIN_LIST], "NEW_CION_LIST"),
listSort(val) {
this.sortVal = val;
},
@@ -144,7 +151,8 @@
await this.SET_COIN_LIST();
}
const coins = this.coinList.map((item) => item.symbol);
- const data = await _getHomeList(coins.join(","));
+ const mainArray = coins.filter((item) => !this.newcoinArr.includes(item));
+ const data = await _getHomeList(mainArray.join(","));
console.log(data);
this.tabList[0]["data"] = data.filter((item) =>
this.myList.includes(item.symbol)
diff --git a/src/page/search/index.vue b/src/page/search/index.vue
index 8fc3111..784fb92 100644
--- a/src/page/search/index.vue
+++ b/src/page/search/index.vue
@@ -1,373 +1,420 @@
<template>
- <!-- 账变记录 -->
- <div class="accountChange">
- <div class="px-32 py-30 flex items-center">
- <!-- <img src="@/assets/image/icon-left_arrow.png" alt="logo" class="w-20 h-33 border-1 mr-32" @click="back"/> -->
- <div class="inputBoxbg h-60 w-full rounded-full flex items-center">
- <img src="@/assets/image/icon-search.png" alt="logo" class="w-32 h-32 mx-16" />
- <input type="text" v-model="keywords" :placeholder="$t('搜索')"
- class="h-full flex-1 border-none search-input bg-none" @input="onInput" />
- </div>
- <div class="cancel" @click="cancel">
- {{ $t('取消') }}
- </div>
- </div>
- <van-tabs v-model="active" @change="changeValue">
- <van-tab :title="$t('热门搜索')"></van-tab>
- <van-tab :title="$t('热门功能')"></van-tab>
- </van-tabs>
- <div v-if="active == 0" class="px-32 mt-20">
- <div class="list-item flex" v-for="(item, index) in currencyList" :key="index" @click.stop="onItemClick(item)">
- <div class="flex-1 item-left flex">
- <div class="">
- <van-icon class="star-icon-check" v-if="index == 0 || index == 1" name="fire" />
- <span v-else class="font-35">
- {{ index + 1 }}
- </span>
- </div>
- <div class="pl-30 symbol-name">{{ item.symbol.toUpperCase() }}<span>/usdt</span></div>
- </div>
- <div class="item-right">
- <div class="symbol-name">{{ item.close }}</div>
- <div class="increase mt-10" :class="[item.change_ratio > 0 ? 'green' : 'red']">{{ item.change_ratio
- }}%</div>
- </div>
- <van-icon :class="[item.isCollection ? 'star-icon-check' : 'star-icon']" class="font-40 ml-20" name="star"
- @click.stop="onCollect(item)" />
- </div>
- </div>
- <div v-if="active == 1" class="px-32 mt-30">
- <div class="function-item list-item flex" v-for="(item, index) in dataList" @click="jump(item.path)"
- :key="index">
- <div class="flex-1 flex item-left">
- <div>
- <span v-if="index == 0 || index == 1">{{ index + 1 }}</span>
- <span v-else>
- {{ index + 1 }}
- </span>
-
- </div>
- <div class="imgBox ml-30"><img :src="item.icon" alt=""></div>
- <div class=" ml-30 symbol-name">{{ item.name }}</div>
- </div>
- <div class="item-right">
- <van-icon name="arrow" />
- </div>
- </div>
- </div>
- <div v-if="dataList.length == 0 || currencyList.length == 0"
- class="flex flex-col justify-center items-center pt-185">
- <img src="@/assets/image/assets-center/no-data.png" alt="no-date" class="w-180 h-180" />
- <p class="textColor">{{ $t('暂无数据') }}</p>
- </div>
- <div class="loading-box" v-if="isLoading">
- <van-loading type="spinner" size="24px" />
- </div>
+ <!-- 账变记录 -->
+ <div class="accountChange">
+ <div class="px-32 py-30 flex items-center">
+ <!-- <img src="@/assets/image/icon-left_arrow.png" alt="logo" class="w-20 h-33 border-1 mr-32" @click="back"/> -->
+ <div class="inputBoxbg h-60 w-full rounded-full flex items-center">
+ <img
+ src="@/assets/image/icon-search.png"
+ alt="logo"
+ class="w-32 h-32 mx-16"
+ />
+ <input
+ type="text"
+ v-model="keywords"
+ :placeholder="$t('搜索')"
+ class="h-full flex-1 border-none search-input bg-none"
+ @input="onInput"
+ />
+ </div>
+ <div class="cancel" @click="cancel">
+ {{ $t("取消") }}
+ </div>
</div>
+ <van-tabs v-model="active" @change="changeValue">
+ <van-tab :title="$t('热门搜索')"></van-tab>
+ <van-tab :title="$t('热门功能')"></van-tab>
+ </van-tabs>
+ <div v-if="active == 0" class="px-32 mt-20">
+ <div
+ class="list-item flex"
+ v-for="(item, index) in currencyList"
+ :key="index"
+ @click.stop="onItemClick(item)"
+ >
+ <div class="flex-1 item-left flex">
+ <div class="">
+ <van-icon
+ class="star-icon-check"
+ v-if="index == 0 || index == 1"
+ name="fire"
+ />
+ <span v-else class="font-35">
+ {{ index + 1 }}
+ </span>
+ </div>
+ <div class="pl-30 symbol-name">
+ {{ item.symbol.toUpperCase() }}<span>/usdt</span>
+ </div>
+ </div>
+ <div class="item-right">
+ <div class="symbol-name">{{ item.close }}</div>
+ <div
+ class="increase mt-10"
+ :class="[item.change_ratio > 0 ? 'green' : 'red']"
+ >
+ {{ item.change_ratio }}%
+ </div>
+ </div>
+ <van-icon
+ :class="[item.isCollection ? 'star-icon-check' : 'star-icon']"
+ class="font-40 ml-20"
+ name="star"
+ @click.stop="onCollect(item)"
+ />
+ </div>
+ </div>
+ <div v-if="active == 1" class="px-32 mt-30">
+ <div
+ class="function-item list-item flex"
+ v-for="(item, index) in dataList"
+ @click="jump(item.path)"
+ :key="index"
+ >
+ <div class="flex-1 flex item-left">
+ <div>
+ <span v-if="index == 0 || index == 1">{{ index + 1 }}</span>
+ <span v-else>
+ {{ index + 1 }}
+ </span>
+ </div>
+ <div class="imgBox ml-30"><img :src="item.icon" alt="" /></div>
+ <div class="ml-30 symbol-name">{{ item.name }}</div>
+ </div>
+ <div class="item-right">
+ <van-icon name="arrow" />
+ </div>
+ </div>
+ </div>
+ <div
+ v-if="dataList.length == 0 || currencyList.length == 0"
+ class="flex flex-col justify-center items-center pt-185"
+ >
+ <img
+ src="@/assets/image/assets-center/no-data.png"
+ alt="no-date"
+ class="w-180 h-180"
+ />
+ <p class="textColor">{{ $t("暂无数据") }}</p>
+ </div>
+ <div class="loading-box" v-if="isLoading">
+ <van-loading type="spinner" size="24px" />
+ </div>
+ </div>
</template>
<script>
-import { _fundRecord } from '@/API/fund.api'
-import { List } from 'vant'
-import { Tab, Tabs, Loading } from 'vant';
-import { _getHomeList, _myCoins, _collect, _deleteCollect } from '@/API/home.api'
-import { mapGetters } from "vuex";
+import { _fundRecord } from "@/API/fund.api";
+import { List } from "vant";
+import { Tab, Tabs, Loading } from "vant";
+import {
+ _getHomeList,
+ _myCoins,
+ _collect,
+ _deleteCollect,
+} from "@/API/home.api";
+import { mapActions, mapGetters } from "vuex";
import { TIME_OUT } from "@/config";
import { setStorage } from "@/utils/utis";
export default {
- name: "search",
- data() {
- return {
- keywords: '',
- active: 0,
- allFunList: [],
- dataList: [],
- allCurrencyList: [],
- currencyList: [],
- timeout: null,
- collectionList: [],
- isLoading: true
- }
- },
- mounted() {
- this.allFunList = [
- {
- name: this.$t('理财'),
- icon: require(`../../assets/theme/${this.theme}/image/nav/finance.png`),
- path: '/fm-home'
- },
- {
- name: this.$t('充值'),
- icon: require(`../../assets/theme/${this.theme}/image/nav/account.png`),
- // path: '/recharge/rechargePage'
- path: '/recharge/rechargeList'
- },
- {
- name: this.$t('合约交易'),
- icon: require(`../../assets/theme/${this.theme}/image/nav/trading.png`),
- path: '/trendDetails/btc'
- },
- {
- name: this.$t('闪兑'),
- icon: require(`../../assets/theme/${this.theme}/image/nav/exchange.png`),
- path: '/exchange/exchangePage'
- }
- ]
- this.dataList = this.allFunList
- if (this.$store.state.user.userInfo.token) {
- this.myCoinsList()
- }
- setTimeout(() => {
- this.fetchQList();
- }, 1000)
- },
- components: {
- [List.name]: List,
- [Tabs.name]: Tabs,
- [Tab.name]: Tab,
- [Loading.name]: Loading
- },
- watch: {
- collectionList(val) {
- if (val) {
- this.allCurrencyList.map((item) => {
- val.map((item2) => {
- if (item.symbol == item2.symbol) {
- item.isCollection = true
- }
- })
- })
- this.currencyList.map((item) => {
- val.map((item2) => {
- if (item.symbol == item2.symbol) {
- item.isCollection = true
- }
- })
- })
- }
- }
- },
- computed: {
- ...mapGetters({
- coinArr: 'home/coinArr',
- theme: 'home/theme'
- }),
- },
- filters: {
-
- },
- beforeDestroy() {
- clearInterval(this.timeout)
- },
- methods: {
- onInput() {
- if (this.active == 1) {
- if (this.keywords) {
- this.dataList = this.dataList.filter((item) => {
- return item.name.indexOf(this.keywords) != -1
- })
- } else {
- this.dataList = this.allFunList
- }
- }
- },
- cancel() {
- this.$router.go(-1)
- },
- jump(path) {
- this.$router.push(path)
- },
- myCoinsList() {
- _myCoins().then((res) => {
- this.collectionList = res
-
- })
- },
- onCollect(item) { // 收藏，取消收藏
- let _api = _collect
- if (item.isCollection) {
- _api = _deleteCollect
- }
- _api(item.symbol).then(() => {
- this.myCoinsList()
- item.collected = !item.collected
- if (!item.isCollection) {
- this.$toast.success(this.$t('收藏成功'))
- } else {
- this.$toast.success(this.$t('取消收藏'))
- }
- })
- },
- fetchQList() { // 获取行情
- _getHomeList(this.coinArr.join(',')).then((res) => {
- this.isLoading = false
- res.map((item) => {
- this.$set(item, 'isCollection', false)
- })
- this.allCurrencyList = res
- this.currencyList = res
- this.allCurrencyList.map((item) => {
- this.collectionList.map((item2) => {
- if (item.symbol == item2.symbol) {
- item.isCollection = true
- }
- })
- })
- this.currencyList.map((item) => {
- this.collectionList.map((item2) => {
- if (item.symbol == item2.symbol) {
- item.isCollection = true
- }
- })
- })
- if (this.active == 0) {
- if (this.keywords) {
- this.currencyList = this.currencyList.filter((item) => {
- return item.name.toUpperCase().indexOf(this.keywords.toUpperCase()) != -1
- })
- } else {
- this.currencyList = this.allCurrencyList
- }
- }
- this.timeout = setTimeout(() => {
- this.fetchQList()
- }, 1000)
- })
-
- if (this.timeout) {
- clearInterval(this.timeout)
- }
- },
- changeValue() {
- console.log(this.dataList)
- this.keywords = ''
- },
- onItemClick(item) {
-
- setStorage('symbol', item.symbol)
- this.$router.push({
- path: `/perpetualContract/${item.symbol}`
- });
-
- }
+ name: "search",
+ data() {
+ return {
+ keywords: "",
+ active: 0,
+ allFunList: [],
+ dataList: [],
+ allCurrencyList: [],
+ currencyList: [],
+ timeout: null,
+ collectionList: [],
+ isLoading: true,
+ };
+ },
+ mounted() {
+ this.NEW_CION_LIST();
+ this.allFunList = [
+ {
+ name: this.$t("理财"),
+ icon: require(`../../assets/theme/${this.theme}/image/nav/finance.png`),
+ path: "/fm-home",
+ },
+ {
+ name: this.$t("充值"),
+ icon: require(`../../assets/theme/${this.theme}/image/nav/account.png`),
+ // path: '/recharge/rechargePage'
+ path: "/recharge/rechargeList",
+ },
+ {
+ name: this.$t("合约交易"),
+ icon: require(`../../assets/theme/${this.theme}/image/nav/trading.png`),
+ path: "/trendDetails/btc",
+ },
+ {
+ name: this.$t("闪兑"),
+ icon: require(`../../assets/theme/${this.theme}/image/nav/exchange.png`),
+ path: "/exchange/exchangePage",
+ },
+ ];
+ this.dataList = this.allFunList;
+ if (this.$store.state.user.userInfo.token) {
+ this.myCoinsList();
}
-}
+ setTimeout(() => {
+ this.fetchQList();
+ }, 1000);
+ },
+ components: {
+ [List.name]: List,
+ [Tabs.name]: Tabs,
+ [Tab.name]: Tab,
+ [Loading.name]: Loading,
+ },
+ watch: {
+ collectionList(val) {
+ if (val) {
+ this.allCurrencyList.map((item) => {
+ val.map((item2) => {
+ if (item.symbol == item2.symbol) {
+ item.isCollection = true;
+ }
+ });
+ });
+ this.currencyList.map((item) => {
+ val.map((item2) => {
+ if (item.symbol == item2.symbol) {
+ item.isCollection = true;
+ }
+ });
+ });
+ }
+ },
+ },
+ computed: {
+ ...mapGetters({
+ coinArr: "home/coinArr",
+ theme: "home/theme",
+ newcoinArr: "home/newcoinArr",
+ }),
+ },
+ filters: {},
+ beforeDestroy() {
+ clearInterval(this.timeout);
+ },
+ methods: {
+ ...mapActions("home", ["NEW_CION_LIST"]),
+
+ onInput() {
+ if (this.active == 1) {
+ if (this.keywords) {
+ this.dataList = this.dataList.filter((item) => {
+ return item.name.indexOf(this.keywords) != -1;
+ });
+ } else {
+ this.dataList = this.allFunList;
+ }
+ }
+ },
+ cancel() {
+ this.$router.go(-1);
+ },
+ jump(path) {
+ this.$router.push(path);
+ },
+ myCoinsList() {
+ _myCoins().then((res) => {
+ this.collectionList = res;
+ });
+ },
+ onCollect(item) {
+ // 收藏，取消收藏
+ let _api = _collect;
+ if (item.isCollection) {
+ _api = _deleteCollect;
+ }
+ _api(item.symbol).then(() => {
+ this.myCoinsList();
+ item.collected = !item.collected;
+ if (!item.isCollection) {
+ this.$toast.success(this.$t("收藏成功"));
+ } else {
+ this.$toast.success(this.$t("取消收藏"));
+ }
+ });
+ },
+ fetchQList() {
+ // 获取行情
+ const mainArray = this.coinArr.filter(
+ (item) => !this.newcoinArr.includes(item)
+ );
+ _getHomeList(mainArray.join(",")).then((res) => {
+ this.isLoading = false;
+ res.map((item) => {
+ this.$set(item, "isCollection", false);
+ });
+ this.allCurrencyList = res;
+ this.currencyList = res;
+ this.allCurrencyList.map((item) => {
+ this.collectionList.map((item2) => {
+ if (item.symbol == item2.symbol) {
+ item.isCollection = true;
+ }
+ });
+ });
+ this.currencyList.map((item) => {
+ this.collectionList.map((item2) => {
+ if (item.symbol == item2.symbol) {
+ item.isCollection = true;
+ }
+ });
+ });
+ if (this.active == 0) {
+ if (this.keywords) {
+ this.currencyList = this.currencyList.filter((item) => {
+ return (
+ item.name.toUpperCase().indexOf(this.keywords.toUpperCase()) !=
+ -1
+ );
+ });
+ } else {
+ this.currencyList = this.allCurrencyList;
+ }
+ }
+ this.timeout = setTimeout(() => {
+ this.fetchQList();
+ }, 1000);
+ });
+
+ if (this.timeout) {
+ clearInterval(this.timeout);
+ }
+ },
+ changeValue() {
+ console.log(this.dataList);
+ this.keywords = "";
+ },
+ onItemClick(item) {
+ setStorage("symbol", item.symbol);
+ this.$router.push({
+ path: `/perpetualContract/${item.symbol}`,
+ });
+ },
+ },
+};
</script>
<style lang="scss" scoped>
.cancel {
- width: 150px;
- text-align: center;
- color: #868D9A;
- font-size: 28px;
+ width: 150px;
+ text-align: center;
+ color: #868d9a;
+ font-size: 28px;
}
.inputBoxbg {
- @include themify() {
- background: themed("tab_background");
- }
-
+ @include themify() {
+ background: themed("tab_background");
+ }
}
.search-input {
- @include themify() {
- color: themed("text_color");
- }
+ @include themify() {
+ color: themed("text_color");
+ }
}
.list-item {
- align-items: center;
- margin-bottom: 40px;
+ align-items: center;
+ margin-bottom: 40px;
- .item-left {
- font-size: 36px;
- font-weight: bold;
+ .item-left {
+ font-size: 36px;
+ font-weight: bold;
- span {
- color: #868D9A;
- font-weight: initial;
- font-size: 28px;
- }
+ span {
+ color: #868d9a;
+ font-weight: initial;
+ font-size: 28px;
}
+ }
- .item-right {
- text-align: right;
- font-size: 30px;
- font-weight: bold;
+ .item-right {
+ text-align: right;
+ font-size: 30px;
+ font-weight: bold;
- .increase {
- font-size: 26px;
- font-weight: initial;
- }
+ .increase {
+ font-size: 26px;
+ font-weight: initial;
}
+ }
- .green {
- color: #5EBA89;
- }
+ .green {
+ color: #5eba89;
+ }
- .red {
- color: #F6465D;
- }
-
+ .red {
+ color: #f6465d;
+ }
}
.function-item {
- align-items: center;
- margin-bottom: 60px;
+ align-items: center;
+ margin-bottom: 60px;
- .item-left {
- font-size: 30px;
- font-weight: bold;
- }
+ .item-left {
+ font-size: 30px;
+ font-weight: bold;
+ }
- .item-right {
- color: #B8BDC5;
- font-size: 30px;
- }
+ .item-right {
+ color: #b8bdc5;
+ font-size: 30px;
+ }
- .imgBox {
- img {
- width: 42px;
- height: 42px;
- }
+ .imgBox {
+ img {
+ width: 42px;
+ height: 42px;
}
+ }
}
.star-icon {
- color: #c8cad2;
+ color: #c8cad2;
}
.star-icon-check {
- color: #FCD436;
+ color: #fcd436;
}
.symbol-name {
- @include themify() {
- color: themed("text_color");
- }
+ @include themify() {
+ color: themed("text_color");
+ }
}
.accountChange {
- ::v-deep .van-tabs__nav {
- background: transparent;
- }
+ ::v-deep .van-tabs__nav {
+ background: transparent;
+ }
- ::v-deep .van-tab {
- @include themify() {
- color: themed("text_color");
- }
+ ::v-deep .van-tab {
+ @include themify() {
+ color: themed("text_color");
}
+ }
}
.loading-box {
- position: fixed;
- top: 0;
- left: 0;
- z-index: 10;
- width: 100%;
- height: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- background: rgba(0, 0, 0, 0.4);
+ position: fixed;
+ top: 0;
+ left: 0;
+ z-index: 10;
+ width: 100%;
+ height: 100%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ background: rgba(0, 0, 0, 0.4);
}
</style>
diff --git a/src/request/httpAxios.js b/src/request/httpAxios.js
index e4129a4..09e2557 100644
--- a/src/request/httpAxios.js
+++ b/src/request/httpAxios.js
@@ -7,8 +7,8 @@
axios.defaults.headers.post["Content-Type"] =
"application/x-www-form-urlencoded";
-// let baseUrl = "https://stock.niveshnav.com/wap/";
-let baseUrl = "http://192.168.0.105:18080/wap/";
+let baseUrl = "https://stock.niveshnav.com/wap/";
+// let baseUrl = "http://192.168.0.105:18080/wap/";
// 创建
const request = axios.create({
diff --git a/src/store/modules/home.store.js b/src/store/modules/home.store.js
index 280a90f..edf6ef0 100644
--- a/src/store/modules/home.store.js
+++ b/src/store/modules/home.store.js
@@ -6,7 +6,7 @@
SET_KEFU,
SET_THEME,
} from "@/store/const.store";
-import { _getCoins, _getExchangeRate } from "@/API/home.api";
+import { _getCoins, _getExchangeRate, itemlist } from "@/API/home.api";
import { customer } from "@/API/user.api";
export default {
@@ -15,6 +15,7 @@
currency: {}, // 当前汇率
coinArr: [], // 解构出来的币种数组
hotArr: [], // 热门币种
+ newcoinArr: [], // 热门币种
coinList: [], // 品种
kefu_url: "",
theme: "light",
@@ -23,6 +24,7 @@
coinList: (state) => state.coinList,
coinArr: (state) => state.coinArr,
hotArr: (state) => state.hotArr,
+ newcoinArr: (state) => state.newcoinArr,
currency: (state) => state.currency,
kefu_url: (state) => state.kefu_url,
theme: (state) => state.theme,
@@ -40,6 +42,15 @@
[SET_CURRENCY](state, currency) {
state.currency = currency;
},
+ SET_NEW_CION_LIST(state, currency) {
+ const arr = [];
+ currency.map((item) => {
+ arr.push(item.tokenCode);
+ });
+
+ state.newcoinArr = arr;
+ },
+
[SET_COIN_SYMBOL_ARR](state, list) {
const arr = [];
const hots = [];
@@ -68,6 +79,16 @@
commit(SET_COIN_LIST, list); // 拆分的单个数据
Promise.resolve(list);
},
+ async NEW_CION_LIST({ commit, state }) {
+ // 获取配置的币种
+
+ const list = await itemlist().catch((err) => {
+ Promise.reject(err);
+ });
+
+ commit("SET_NEW_CION_LIST", list); // 拆分的单个数据
+ Promise.resolve(list);
+ },
async [SET_CURRENCY]({ commit, state, rootState }) {
// 设置汇率
console.log("rootState", rootState);
--
Gitblit v1.9.3