|
@@ -33,6 +33,7 @@ import Nav from '@/components/Nav.vue'
|
|
import Footer from '@/components/Footer.vue'
|
|
import Footer from '@/components/Footer.vue'
|
|
//@ts-ignore
|
|
//@ts-ignore
|
|
import {getAllZksSyncData} from "@/utils/getZksyncData/index.js";
|
|
import {getAllZksSyncData} from "@/utils/getZksyncData/index.js";
|
|
|
|
+//@ts-ignore
|
|
import {getStark} from "@/utils/stark/main.js";
|
|
import {getStark} from "@/utils/stark/main.js";
|
|
import { connect, disconnect } from "get-starknet"
|
|
import { connect, disconnect } from "get-starknet"
|
|
import axios from 'axios';
|
|
import axios from 'axios';
|
|
@@ -121,8 +122,10 @@ let dataArr: dataArrType = [
|
|
//连接钱包按钮
|
|
//连接钱包按钮
|
|
const connectWallet2 = async () => {
|
|
const connectWallet2 = async () => {
|
|
const starknet = await connect();
|
|
const starknet = await connect();
|
|
- addressStore.starkNetAddress = starknet.account.address
|
|
|
|
- getMoreInfo()
|
|
|
|
|
|
+ if(starknet){
|
|
|
|
+ addressStore.starkNetAddress = starknet.account.address
|
|
|
|
+ getMoreInfo()
|
|
|
|
+ }
|
|
}
|
|
}
|
|
|
|
|
|
//获取更多信息
|
|
//获取更多信息
|
|
@@ -187,7 +190,7 @@ const processTime = () => {
|
|
initEcharts()
|
|
initEcharts()
|
|
|
|
|
|
}
|
|
}
|
|
-function timestampToCtime(timestamp) {
|
|
|
|
|
|
+function timestampToCtime(timestamp:number) {
|
|
const days = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];
|
|
const days = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];
|
|
const months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
|
|
const months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
|
|
|
|
|
|
@@ -257,12 +260,12 @@ let affix = ref(false)
|
|
let chart = ref(false)
|
|
let chart = ref(false)
|
|
|
|
|
|
const affixMouseenter = () => {
|
|
const affixMouseenter = () => {
|
|
- const slideDiv = document.getElementById("slideDiv");
|
|
|
|
|
|
+ const slideDiv = document.getElementById("slideDiv")!;
|
|
slideDiv.style.bottom = "0";
|
|
slideDiv.style.bottom = "0";
|
|
}
|
|
}
|
|
|
|
|
|
const affixMouseleave = () => {
|
|
const affixMouseleave = () => {
|
|
- const slideDiv = document.getElementById("slideDiv");
|
|
|
|
|
|
+ const slideDiv = document.getElementById("slideDiv")!;
|
|
slideDiv.style.bottom = "-608px";
|
|
slideDiv.style.bottom = "-608px";
|
|
}
|
|
}
|
|
|
|
|
|
@@ -276,8 +279,8 @@ const getStarkTvl = async () => {
|
|
const getZkTvlDetail = async () => {
|
|
const getZkTvlDetail = async () => {
|
|
const url = "https://api.llama.fi/protocols";
|
|
const url = "https://api.llama.fi/protocols";
|
|
const response = await axios.get(url);
|
|
const response = await axios.get(url);
|
|
- let result = [];
|
|
|
|
- response.data.forEach((item) => {
|
|
|
|
|
|
+ let result:any[] = [];
|
|
|
|
+ response.data.forEach((item:any) => {
|
|
if (item['chains'].includes("Starknet") && item.category !== "CEX") {
|
|
if (item['chains'].includes("Starknet") && item.category !== "CEX") {
|
|
result.push({
|
|
result.push({
|
|
name: item.name,
|
|
name: item.name,
|
|
@@ -300,8 +303,8 @@ const fetchData = async () => {
|
|
change24h.value = change.value.toFixed(2) + '%'
|
|
change24h.value = change.value.toFixed(2) + '%'
|
|
nowTvl.value = (result[result.length - 1].tvl / 1000000).toFixed(2) + 'M'
|
|
nowTvl.value = (result[result.length - 1].tvl / 1000000).toFixed(2) + 'M'
|
|
|
|
|
|
- let VolData = [];
|
|
|
|
- result.forEach(item => {
|
|
|
|
|
|
+ let VolData:any[] = [];
|
|
|
|
+ result.forEach((item:any) => {
|
|
VolData.push({
|
|
VolData.push({
|
|
date: new Date(item.date * 1000).toLocaleDateString(),
|
|
date: new Date(item.date * 1000).toLocaleDateString(),
|
|
tvl: item.tvl / 1000000,
|
|
tvl: item.tvl / 1000000,
|