gx

queenwuli

2022-03-21 33461cebea4f02e9ed7868f9d5c9f9531f8d13f6

gx

 package-lock.json

@@ -14,6 +14,9 @@
        "tronweb": "^4.1.0",
        "vant": "^3.4.6",
        "vue": "^3.2.13",
        "vue-i18n": "^9.2.0-beta.32",
        "vue-seamless-scroll": "^1.1.23",
        "vue3-seamless-scroll": "^1.1.5",
        "web3": "^1.7.1"
      },
      "devDependencies": {
@@ -2542,6 +2545,71 @@
      "integrity": "sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==",
      "dev": true
    },
    "node_modules/@intlify/core-base": {
      "version": "9.2.0-beta.32",
      "resolved": "https://registry.npmjs.org/@intlify/core-base/-/core-base-9.2.0-beta.32.tgz",
      "integrity": "sha512-t9IB9Z65cx0fcpd9/oD8MrsMvGy1FOColOe5oodjo9E//Qm7P8kvSHnKymWjsAcJs0wR2Y6J9X8FRFmO6LNLNQ==",
      "dependencies": {
        "@intlify/devtools-if": "9.2.0-beta.32",
        "@intlify/message-compiler": "9.2.0-beta.32",
        "@intlify/shared": "9.2.0-beta.32",
        "@intlify/vue-devtools": "9.2.0-beta.32"
      },
      "engines": {
        "node": ">= 12"
      }
    },
    "node_modules/@intlify/devtools-if": {
      "version": "9.2.0-beta.32",
      "resolved": "https://registry.npmjs.org/@intlify/devtools-if/-/devtools-if-9.2.0-beta.32.tgz",
      "integrity": "sha512-MvcxHrP7urM17wcna2vyqt8D8Pc5lyD3ps2BcmAr60UYifNKBQU7LmHfjTG7BZO4t0LyUWrWFJmm7fRVlju40g==",
      "dependencies": {
        "@intlify/shared": "9.2.0-beta.32"
      },
      "engines": {
        "node": ">= 12"
      }
    },
    "node_modules/@intlify/message-compiler": {
      "version": "9.2.0-beta.32",
      "resolved": "https://registry.npmjs.org/@intlify/message-compiler/-/message-compiler-9.2.0-beta.32.tgz",
      "integrity": "sha512-7OOHIhOmOM4nqe3KfEuE65xLwawwBGg/pCFByzayf0jARoHkeaA7v/eKsUJVJMEakeF2pNstx06AvfecijgPzg==",
      "dependencies": {
        "@intlify/shared": "9.2.0-beta.32",
        "source-map": "0.6.1"
      },
      "engines": {
        "node": ">= 12"
      }
    },
    "node_modules/@intlify/message-compiler/node_modules/source-map": {
      "version": "0.6.1",
      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
      "engines": {
        "node": ">=0.10.0"
      }
    },
    "node_modules/@intlify/shared": {
      "version": "9.2.0-beta.32",
      "resolved": "https://registry.npmjs.org/@intlify/shared/-/shared-9.2.0-beta.32.tgz",
      "integrity": "sha512-lVaHnKFNg16eWlfDLzDFLapurrf0WK7xLWEkz8DMYNIXJshRQOZCkH7sQaqtONPoOT0LqjyPo1+sV0Wq85/HRQ==",
      "engines": {
        "node": ">= 12"
      }
    },
    "node_modules/@intlify/vue-devtools": {
      "version": "9.2.0-beta.32",
      "resolved": "https://registry.npmjs.org/@intlify/vue-devtools/-/vue-devtools-9.2.0-beta.32.tgz",
      "integrity": "sha512-LZ+E8S+PBeKzV5zDrh/6kbPdEMu+oO6W7B9EmNhzBOKcF94oiJRTkFLymV6U2YefWu+JYEl2LGe7giXXt2jcwg==",
      "dependencies": {
        "@intlify/core-base": "9.2.0-beta.32",
        "@intlify/shared": "9.2.0-beta.32"
      },
      "engines": {
        "node": ">= 12"
      }
    },
    "node_modules/@jridgewell/resolve-uri": {
      "version": "3.0.5",
      "resolved": "https://registry.npmmirror.com/@jridgewell/resolve-uri/-/resolve-uri-3.0.5.tgz",
@@ -3624,6 +3692,11 @@
      "resolved": "https://registry.npmmirror.com/yallist/-/yallist-2.1.2.tgz",
      "integrity": "sha512-ncTzHV7NvsQZkYe1DW7cbDLm0YpzHmZF5r/iyP3ZnQtMiJ+pjzisCiMNI+Sj+xQF5pXhSHxSB3uDbsBTzY/c2A==",
      "dev": true
    },
    "node_modules/@vue/devtools-api": {
      "version": "6.1.3",
      "resolved": "https://registry.npmjs.org/@vue/devtools-api/-/devtools-api-6.1.3.tgz",
      "integrity": "sha512-79InfO2xHv+WHIrH1bHXQUiQD/wMls9qBk6WVwGCbdwP7/3zINtvqPNMtmSHXsIKjvUAHc8L0ouOj6ZQQRmcXg=="
    },
    "node_modules/@vue/reactivity": {
      "version": "3.2.31",
@@ -5507,6 +5580,11 @@
      "resolved": "https://registry.npmmirror.com/ms/-/ms-2.0.0.tgz",
      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
      "dev": true
    },
    "node_modules/comutils": {
      "version": "1.1.19",
      "resolved": "https://registry.npmjs.org/comutils/-/comutils-1.1.19.tgz",
      "integrity": "sha512-JxXB67juILiwhdLwOsYyjUqwWEhHdObI0EClOPk+JDtEuTbac59s0pxGpfCBnNNQ5JommifmcMGneW/4Cg7YWw=="
    },
    "node_modules/concat-map": {
      "version": "0.0.1",
@@ -14745,6 +14823,23 @@
      "integrity": "sha512-BXq3jwIagosjgNVae6tkHzzIk6a8MHFtzAdwhnV5VlvPTFxDCvIttgSiHWjdGoTJvXtmRu5HacExfdarRcFhog==",
      "dev": true
    },
    "node_modules/vue-i18n": {
      "version": "9.2.0-beta.32",
      "resolved": "https://registry.npmjs.org/vue-i18n/-/vue-i18n-9.2.0-beta.32.tgz",
      "integrity": "sha512-heUy1Aa/4DT2+ukoZkXMtDeU0o4pB5K6XxCypsmpoQ1QURAx1zyHqHB4mdjnLj3DDjllT921cV9cuKEWflQYGQ==",
      "dependencies": {
        "@intlify/core-base": "9.2.0-beta.32",
        "@intlify/shared": "9.2.0-beta.32",
        "@intlify/vue-devtools": "9.2.0-beta.32",
        "@vue/devtools-api": "^6.0.0-beta.13"
      },
      "engines": {
        "node": ">= 12"
      },
      "peerDependencies": {
        "vue": "^3.0.0"
      }
    },
    "node_modules/vue-loader": {
      "version": "17.0.0",
      "resolved": "https://registry.npmmirror.com/vue-loader/-/vue-loader-17.0.0.tgz",
@@ -14843,6 +14938,14 @@
        "node": ">=8"
      }
    },
    "node_modules/vue-seamless-scroll": {
      "version": "1.1.23",
      "resolved": "https://registry.npmjs.org/vue-seamless-scroll/-/vue-seamless-scroll-1.1.23.tgz",
      "integrity": "sha512-HBjUub8WwsKJzbFCrwKPDrZn4e+SSbkKgwWtjKtfLwesiFGwSsVxP44/Z6d3kpXy94qIFOiflJH6l0/9pj7SGA==",
      "dependencies": {
        "comutils": "^1.1.9"
      }
    },
    "node_modules/vue-style-loader": {
      "version": "4.1.3",
      "resolved": "https://registry.npmmirror.com/vue-style-loader/-/vue-style-loader-4.1.3.tgz",
@@ -14864,6 +14967,11 @@
      "resolved": "https://registry.npmmirror.com/vue-template-es2015-compiler/-/vue-template-es2015-compiler-1.9.1.tgz",
      "integrity": "sha512-4gDntzrifFnCEvyoO8PqyJDmguXgVPxKiIxrBKjIowvL9l+N66196+72XVYR8BBf1Uv1Fgt3bGevJ+sEmxfZzw==",
      "dev": true
    },
    "node_modules/vue3-seamless-scroll": {
      "version": "1.1.5",
      "resolved": "https://registry.npmjs.org/vue3-seamless-scroll/-/vue3-seamless-scroll-1.1.5.tgz",
      "integrity": "sha512-MbqpJCZR01O4wbDdbELM0fG0gSVLXY3oX4yfqXbgbyILsDtMvlFI81kDTeLeIEXhPkjyd8xur4zs3lUoJeBjyg=="
    },
    "node_modules/watchpack": {
      "version": "2.3.1",
@@ -17934,6 +18042,55 @@
      "integrity": "sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==",
      "dev": true
    },
    "@intlify/core-base": {
      "version": "9.2.0-beta.32",
      "resolved": "https://registry.npmjs.org/@intlify/core-base/-/core-base-9.2.0-beta.32.tgz",
      "integrity": "sha512-t9IB9Z65cx0fcpd9/oD8MrsMvGy1FOColOe5oodjo9E//Qm7P8kvSHnKymWjsAcJs0wR2Y6J9X8FRFmO6LNLNQ==",
      "requires": {
        "@intlify/devtools-if": "9.2.0-beta.32",
        "@intlify/message-compiler": "9.2.0-beta.32",
        "@intlify/shared": "9.2.0-beta.32",
        "@intlify/vue-devtools": "9.2.0-beta.32"
      }
    },
    "@intlify/devtools-if": {
      "version": "9.2.0-beta.32",
      "resolved": "https://registry.npmjs.org/@intlify/devtools-if/-/devtools-if-9.2.0-beta.32.tgz",
      "integrity": "sha512-MvcxHrP7urM17wcna2vyqt8D8Pc5lyD3ps2BcmAr60UYifNKBQU7LmHfjTG7BZO4t0LyUWrWFJmm7fRVlju40g==",
      "requires": {
        "@intlify/shared": "9.2.0-beta.32"
      }
    },
    "@intlify/message-compiler": {
      "version": "9.2.0-beta.32",
      "resolved": "https://registry.npmjs.org/@intlify/message-compiler/-/message-compiler-9.2.0-beta.32.tgz",
      "integrity": "sha512-7OOHIhOmOM4nqe3KfEuE65xLwawwBGg/pCFByzayf0jARoHkeaA7v/eKsUJVJMEakeF2pNstx06AvfecijgPzg==",
      "requires": {
        "@intlify/shared": "9.2.0-beta.32",
        "source-map": "0.6.1"
      },
      "dependencies": {
        "source-map": {
          "version": "0.6.1",
          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g=="
        }
      }
    },
    "@intlify/shared": {
      "version": "9.2.0-beta.32",
      "resolved": "https://registry.npmjs.org/@intlify/shared/-/shared-9.2.0-beta.32.tgz",
      "integrity": "sha512-lVaHnKFNg16eWlfDLzDFLapurrf0WK7xLWEkz8DMYNIXJshRQOZCkH7sQaqtONPoOT0LqjyPo1+sV0Wq85/HRQ=="
    },
    "@intlify/vue-devtools": {
      "version": "9.2.0-beta.32",
      "resolved": "https://registry.npmjs.org/@intlify/vue-devtools/-/vue-devtools-9.2.0-beta.32.tgz",
      "integrity": "sha512-LZ+E8S+PBeKzV5zDrh/6kbPdEMu+oO6W7B9EmNhzBOKcF94oiJRTkFLymV6U2YefWu+JYEl2LGe7giXXt2jcwg==",
      "requires": {
        "@intlify/core-base": "9.2.0-beta.32",
        "@intlify/shared": "9.2.0-beta.32"
      }
    },
    "@jridgewell/resolve-uri": {
      "version": "3.0.5",
      "resolved": "https://registry.npmmirror.com/@jridgewell/resolve-uri/-/resolve-uri-3.0.5.tgz",
@@ -18837,6 +18994,11 @@
          "dev": true
        }
      }
    },
    "@vue/devtools-api": {
      "version": "6.1.3",
      "resolved": "https://registry.npmjs.org/@vue/devtools-api/-/devtools-api-6.1.3.tgz",
      "integrity": "sha512-79InfO2xHv+WHIrH1bHXQUiQD/wMls9qBk6WVwGCbdwP7/3zINtvqPNMtmSHXsIKjvUAHc8L0ouOj6ZQQRmcXg=="
    },
    "@vue/reactivity": {
      "version": "3.2.31",
@@ -20388,6 +20550,11 @@
          "dev": true
        }
      }
    },
    "comutils": {
      "version": "1.1.19",
      "resolved": "https://registry.npmjs.org/comutils/-/comutils-1.1.19.tgz",
      "integrity": "sha512-JxXB67juILiwhdLwOsYyjUqwWEhHdObI0EClOPk+JDtEuTbac59s0pxGpfCBnNNQ5JommifmcMGneW/4Cg7YWw=="
    },
    "concat-map": {
      "version": "0.0.1",
@@ -27477,6 +27644,17 @@
      "integrity": "sha512-BXq3jwIagosjgNVae6tkHzzIk6a8MHFtzAdwhnV5VlvPTFxDCvIttgSiHWjdGoTJvXtmRu5HacExfdarRcFhog==",
      "dev": true
    },
    "vue-i18n": {
      "version": "9.2.0-beta.32",
      "resolved": "https://registry.npmjs.org/vue-i18n/-/vue-i18n-9.2.0-beta.32.tgz",
      "integrity": "sha512-heUy1Aa/4DT2+ukoZkXMtDeU0o4pB5K6XxCypsmpoQ1QURAx1zyHqHB4mdjnLj3DDjllT921cV9cuKEWflQYGQ==",
      "requires": {
        "@intlify/core-base": "9.2.0-beta.32",
        "@intlify/shared": "9.2.0-beta.32",
        "@intlify/vue-devtools": "9.2.0-beta.32",
        "@vue/devtools-api": "^6.0.0-beta.13"
      }
    },
    "vue-loader": {
      "version": "17.0.0",
      "resolved": "https://registry.npmmirror.com/vue-loader/-/vue-loader-17.0.0.tgz",
@@ -27550,6 +27728,14 @@
        }
      }
    },
    "vue-seamless-scroll": {
      "version": "1.1.23",
      "resolved": "https://registry.npmjs.org/vue-seamless-scroll/-/vue-seamless-scroll-1.1.23.tgz",
      "integrity": "sha512-HBjUub8WwsKJzbFCrwKPDrZn4e+SSbkKgwWtjKtfLwesiFGwSsVxP44/Z6d3kpXy94qIFOiflJH6l0/9pj7SGA==",
      "requires": {
        "comutils": "^1.1.9"
      }
    },
    "vue-style-loader": {
      "version": "4.1.3",
      "resolved": "https://registry.npmmirror.com/vue-style-loader/-/vue-style-loader-4.1.3.tgz",
@@ -27574,6 +27760,11 @@
      "integrity": "sha512-4gDntzrifFnCEvyoO8PqyJDmguXgVPxKiIxrBKjIowvL9l+N66196+72XVYR8BBf1Uv1Fgt3bGevJ+sEmxfZzw==",
      "dev": true
    },
    "vue3-seamless-scroll": {
      "version": "1.1.5",
      "resolved": "https://registry.npmjs.org/vue3-seamless-scroll/-/vue3-seamless-scroll-1.1.5.tgz",
      "integrity": "sha512-MbqpJCZR01O4wbDdbELM0fG0gSVLXY3oX4yfqXbgbyILsDtMvlFI81kDTeLeIEXhPkjyd8xur4zs3lUoJeBjyg=="
    },
    "watchpack": {
      "version": "2.3.1",
      "resolved": "https://registry.npmmirror.com/watchpack/-/watchpack-2.3.1.tgz",

 package.json

@@ -14,6 +14,9 @@
    "tronweb": "^4.1.0",
    "vant": "^3.4.6",
    "vue": "^3.2.13",
    "vue-i18n": "^9.2.0-beta.32",
    "vue-seamless-scroll": "^1.1.23",
    "vue3-seamless-scroll": "^1.1.5",
    "web3": "^1.7.1"
  },
  "devDependencies": {

 src/assets/i18n/en.js

New file
@@ -0,0 +1,64 @@
export default {
    message: {
      ConnectWallet: 'Connect Wallet',
      Defi: 'Defi mining Liquidity',
      Reward: 'Reward',
      ReceiveVoucher: 'Receive Voucher',
      MiningPool: 'Mining Pool',
      Account: 'Account',
      PoolData: "Pool data",
      TotalOutput: "Total output",
      ValidNode: "Valid node",
      Participant: "Participant",
      UserRevenue: "User Revenue",
      Mining: "Mining",
      LiquidityMiningIncome: "Liquidity mining income",
      UserOutput: "User Output",
      Address: "Address",
      Quantity: "Quantity",
      HelpCenter: "Help center",
      HelpCenter2: "Hope it helps you",
      Question1: "What is node mining?",
      Question2: "Where are the mining earnings from?",
      Question3: "How do i need to join？",
      Question4: "How do i withdraw money",
      Question5: "What is the yield percentage rate?",
      Question6: "What are the extra gains?",
      Question7: "How to contact you?",
      Answer1: "USDT stored in their own wallets, 0 risk, the new blockchain data management and computing model, to boost DEFI ecology. Via the total value of each user node production, liquidity node mining without any reservation and pre-mining and incremental behavior, all ETH users to provide on-chain liquidity, all this will be automatically locked through the smart contract node execution revenue. Currently, you can participate through any wallet, to Miners new generation node mining to take, upon the end of the total revenue obtained through liquidity node mining, through the USDT tokens divide each user's centralized wallet.",
      Answer2: "Once a user participates in mining, liquidity node mining will be activated and the total amount generated by daily node mining will end in 24 hours, with each user acquiring mining data from the Minres new generation liquidity node pool for computing revenue. The daily settlement is6 times, 1 settlement every 4 hours, and the mining revenue is calculated by the percentage of wallet tokens of the liquid node pool users. The mining proceeds will be released to the user's centralised wallet upon successful community submission. The total amount of mobility node mining is accounted for by the ratio of the total amount of the user's wallet tokens. The more tokens you have in the mobility pool, the more tokens you will acquire from mining.",
      Answer3: "Participating in non-destructive and non-guaranteed liquidity mining requires paying ETH or TRX miner fees to receive replacement gold coupons, and the ETH wallet or TRX wallet address only needs to be applied once. Automatically open mining permission after success",
      Answer4: "You can convert the currency generated every day into USDT, and then initiate a withdrawal. USDT withdrawals will be automatically sent to the wallet address you added to the node, other addresses are not supported",
      Answer5: "There is no profit below 100USDT.",
      Answer6: "When you have enough mining per day and keep it for enough time continuously, the mining pool will have a lot of rewards. For more details, please contact online customer service.",
      Answer7: "Please send an email to us, we will reply to you as soon as we receive the email：miningusdtvip@gmail.com",
      Yield: " Yield ",
      AuditReport: "Audit report",
      AuditReport2: "We have a secure audit report",
      Partner: "Partner",
      Partner2: "Our business partner",
      MyAccount: "My account",
      ReceiveDescription: "Receive description",
      Description: " You need to pay a miner's fee to receive the voucher, please make sure that your wallet has enough ETH as the miner's fee",
      Receive: "Receive",
      TotalOutput: "Total output",
      IncomeBalance: "Income balance",
      Exchangeable: "Exchangeable",
      Exchange: "Exchange",
      RedeemAll: "Redeem all",
      Price: "Price",
      Withdraw: "Withdraw",
      WithdrawalAmount: 'Withdrawal amount',
      TotalBalance: "Total balance",
      Confirm: "Confirm",
      Tip1: "Convert the ETH coins you dug into USDT, starting at 0.1ETH",
      Tip2: "USDT withdrawals will be sent to your USDT wallet address within 24 hours, and withdrawals can only be made once a day, starting at 100USDT, Each miner fee is 30USDT",
      Record: "Record",
      Time: "Time",
      Status: "Status",
      Type: "Type",
      Output: "Output",
      Succeed: "Succeed",
      Fail: "Fail"
    }
}

 src/assets/i18n/index.js

New file
@@ -0,0 +1,18 @@
import { createI18n } from 'vue-i18n' //引入vue-i18n组件
import en from './en'
import ch from './zh'
const language = (
  (navigator.language ? navigator.language : navigator.userLanguage) || "zh"
).toLowerCase();
const i18n = createI18n({
    fallbackLocale: 'ch',
    globalInjection:true,
    legacy: false, // you must specify 'legacy: false' option
    locale: language.split("-")[0] || "zh",
    messages: {
        en,
        ch,
    },
});

export default i18n

 src/assets/i18n/zh.js

New file
@@ -0,0 +1,64 @@
export default {
    message: {
      ConnectWallet: '连接钱包',
      Defi: '免质押挖矿',
      Reward: '奖励',
      ReceiveVoucher: '授权凭证',
      MiningPool: '矿池',
      Account: '账户',
      PoolData: "矿池数据",
      TotalOutput: "总产量",
      ValidNode: "有效节点",
      Participant: "参与者",
      UserRevenue: "用户收入",
      Mining: "采矿",
      LiquidityMiningIncome: "流动性采矿收入",
      UserOutput: "用户输出",
      Address: "地址",
      Quantity: "数量",
      HelpCenter: "帮助中心",
      HelpCenter2: "希望对你有帮助",
      Question1: "什么是节点挖掘？",
      Question2: "采矿收入来自哪里？",
      Question3: "我需要如何加入？",
      Question4: "我怎样提现？",
      Question5: "收益率是多少？",
      Question6: "额外的收益是什么？",
      Question7: "如何联系你？",
      Answer1: "USDT存储在自己的钱包中，0风险，新的区块链数据管理和计算模型，以促进DEFI生态。通过每个用户节点的总价值生产、无保留的流动性节点挖掘以及预挖掘和增量行为，所有ETH用户提供链上流动性，所有这些都将通过智能合约节点执行收入自动锁定。目前，您可以通过任何钱包参与，对矿工新一代节点进行挖掘，在通过流动性节点挖掘获得的总收入结束时，通过USDT代币分割每个用户的集中钱包。",
      Answer2: "一旦用户参与挖掘，流动性节点挖掘将被激活，每天节点挖掘产生的总金额将在24小时内结束，每个用户从Minres新一代流动性节点池中获取挖掘数据，用于计算收益。每日结算6次，每4小时结算1次，挖矿收益以液体节点池用户钱包代币百分比计算。成功提交社区后，挖掘收益将被释放到用户的中央钱包。移动节点挖掘的总量占用户钱包token总量的比例。你在移动池中拥有的代币越多，你从挖掘中获得的代币就越多。",
      Answer3: " 参与非破坏性和非担保流动性挖掘需要支付ETH或者TRX矿工费用才能收到替换金券，ETH钱包或者TRX钱包地址只需申请一次。成功后自动打开挖掘权限 ",
      Answer4: " 您可以将每天生成的货币转换为USDT，然后启动提款。USDT取款将自动发送到您添加到节点的钱包地址，不支持其他地址 ",
      Answer5: "100USDT以下沒有盈利。",
      Answer6: "当你每天有足够的挖掘量，并持续保持足够的时间，挖掘池将有很多奖励。有关更多详细信息，请联系在线客户服务。 ",
      Answer7: "请发送电子邮件，我们将在收到电子邮件后立即回复您；miningusdtvip@gmail.com ",
      Yield: "收益率",
      AuditReport: "审计报告",
      AuditReport2: "我没有一份安全的审计报告",
      Partner: "伙伴",
      Partner2: "我们的商业伙伴",
      MyAccount: "我的账户",
      ReceiveDescription: "授权描述",
      Description: "您需要支付矿费才能收到凭证，请确保您的钱包有足够的ETH作为矿费",
      Receive: "授权",
      TotalOutput: "总产量",
      IncomeBalance: "收入余额",
      Exchangeable: "可兑换",
      Exchange: "兑换",
      RedeemAll: "全部兑换",
      Price: "价格", 
      Withdraw: "提现",
      WithdrawalAmount: "提现金额",
      TotalBalance: "总余额",
      Confirm: "确认",
      Tip1: "从0.1分开始，将您挖掘的ETH硬币转换为USDT",
      Tip2: "USDT取款将在24小时内发送到您的USDT钱包地址，每天只能取款一次，从100USDT开始，每位矿工的费用为30USDT",
      Record: "记录",
      Time: "时间",
      Status: "状态",
      Type: "类型",
      Output: "输出",
      Succeed: "成功",
      Fail: "失败"
    }
}

 src/assets/images/close-icon.png

 src/assets/style/common.css

@@ -130,3 +130,10 @@
    padding-left: 0;
    padding-right: 0;
}
.van-dropdown-menu__title--active{
    color: #FFFFFF!important;
}
.i18-wrap .van-cell__title{
    font-size: 28px;
    font-weight: normal;
}

 src/main.js

@@ -1,10 +1,14 @@
import { createApp } from 'vue'
import { Button, DropdownMenu, DropdownItem, Tab, Tabs, Collapse, CollapseItem,Overlay  } from 'vant';
import App from './App.vue'
import vueSeamless from "vue-seamless-scroll/src";
import 'lib-flexible/flexible'
import './assets/style/common.css'
import i18n from './assets/i18n'

const app = createApp(App);
app.use(i18n);

app.use(Button);
app.use(DropdownMenu);
app.use(DropdownItem);
@@ -13,4 +17,6 @@
app.use(Collapse);
app.use(CollapseItem);
app.use(Overlay);
app.use(vueSeamless);

app.mount('#app')

 src/pages/index/account.vue

@@ -1,26 +1,26 @@
<template>
    <div>
        <div class="box">
            <h3 class="title">我的账户</h3>
            <h3 class="title">{{$t("message.MyAccount")}}</h3>
            <div class="box-content">
                <div class="row flex align-center justify-between">
                    <span class="name">总产量</span>
                    <span class="name">{{$t("message.TotalOutput")}}</span>
                    <span class="count">741522.920798 ETH</span>
                </div>
                <div class="row flex align-center justify-between">
                    <span class="name">收入余额</span>
                    <span class="name">{{$t("message.IncomeBalance")}}</span>
                    <span class="count">3789 USDT</span>
                </div>
                <div class="row flex align-center justify-between">
                    <span class="name">可兑换</span>
                    <span class="name">{{$t("message.Exchangeable")}}</span>
                    <span class="count">62183 ETH</span>
                </div>
            </div>
        </div>
        <van-tabs type="card" color="#3D8AF2" title-active-color="#FFFFFF" title-inactive-color="#080808">
            <van-tab title="兑换">
            <van-tab :title='$t("message.Exchange")'>
                <div class="box">
                    <h3 class="title">兑换</h3>
                    <h3 class="title">{{$t("message.Exchange")}}</h3>
                    <div class="box-content ">
                        <div class="exchange flex justify-between">
                            <div class="item flex-1">
@@ -39,18 +39,18 @@
                                <span class="amount">0.0000</span>
                            </div>
                        </div>
                        <span class="all">全部兑换</span>
                        <button class="btn">兑换</button>
                        <span class="all">{{$t("message.RedeemAll")}}</span>
                        <button class="btn">{{$t("message.Exchange")}}</button>
                        <div class="tips">
                            <p>价格：1ETH≈2562.47USDT</p>
                            <p>从0.1分开始，将您挖掘的ETH硬币转换为USDT</p>
                            <p>{{$t("message.Price")}}：1ETH≈2562.47USDT</p>
                            <p>{{$t("message.Tip1")}}</p>
                        </div>
                    </div>
                </div>
            </van-tab>
            <van-tab title="提现">
            <van-tab :title='$t("message.Withdraw")'>
                <div class="box">
                    <h3 class="title">提现</h3>
                    <h3 class="title">{{$t("message.Withdraw")}}</h3>
                    <div class="box-content">
                        <div class="exchange flex justify-between">
                            <div class="item flex-1">
@@ -59,7 +59,7 @@
                                    <span>USDT</span>
                                </div>
                                <input placeholder="0.000"/>
                                <span class="all">提现金额</span>
                                <span class="all">{{$t("message.WithdrawalAmount")}}</span>
                            </div>
                            <div class="item flex-1 flex align-end flex-v">
                                <div>
@@ -67,54 +67,53 @@
                                    <span>USDT</span>
                                </div>
                                <span class="amount">0.0000</span>
                                <span class="all">总余额</span>
                                <span class="all">{{$t("message.TotalBalance")}}</span>
                            </div>
                        </div>
                        <button class="btn">确认</button>
                        <button class="btn">{{$t("message.Confirm")}}</button>
                        <div class="tips">
                            <p>USDT取款将在24小时内发送到您的USDT钱包地址，每天只
                                能取款一次，从100USDT开始，每位矿工的费用为30USDT</p>
                            <p>{{$t("message.Tip2")}}</p>
                        </div>
                    </div>
                </div>
            </van-tab>
            <van-tab title="记录">
            <van-tab :title='$t("message.Record")'>
                <div class="box">
                    <h3 class="title">记录</h3>
                    <h3 class="title">{{$t("message.Record")}}</h3>
                    <div class="box-content">
                        <div class="tab-wrap">
                            <van-tabs v-model:active="active" shrink color="#3D8AF2" title-active-color="#3D8AF2" title-inactive-color="#4F4F4F" line-width="32px">
                                <van-tab title="兑换">
                                    <div class="row flex align-center justify-between">
                                        <span class="name">时间</span>
                                        <span class="name">数量</span>
                                        <span class="name">状态</span>
                                <van-tab :title='$t("message.Exchange")'>
                                    <div class="list-row flex align-center justify-between">
                                        <span class="name">{{$t("message.Time")}}</span>
                                        <span class="name">{{$t("message.Quantity")}}</span>
                                        <span class="name">{{$t("message.Status")}}</span>
                                    </div>
                                    <div class="row flex align-center justify-between" v-for="item in 8">
                                    <div class="list-row flex align-center justify-between" v-for="item in 8">
                                        <span>2022-3-11 10:20</span>
                                        <span>1000</span>
                                        <span>成功</span>
                                        <span>{{$t("message.Succeed")}}</span>
                                    </div>
                                </van-tab>
                                <van-tab title="提现">
                                    <div class="row flex align-center justify-between">
                                        <span class="name">时间</span>
                                        <span class="name">数量</span>
                                        <span class="name">状态</span>
                                <van-tab :title='$t("message.Withdraw")'>
                                    <div class="list-row flex align-center justify-between">
                                        <span class="name">{{$t("message.Time")}}</span>
                                        <span class="name">{{$t("message.Quantity")}}</span>
                                        <span class="name">{{$t("message.Status")}}</span>
                                    </div>
                                    <div class="row flex align-center justify-between" v-for="item in 8">
                                    <div class="list-row flex align-center justify-between" v-for="item in 8">
                                        <span>2022-3-11 10:20</span>
                                        <span>10000</span>
                                        <span>成功</span>
                                        <span>{{$t("message.Succeed")}}</span>
                                    </div>
                                </van-tab>
                                <van-tab title="采矿">
                                    <div class="row flex align-center justify-between">
                                        <span class="name">时间</span>
                                        <span class="name">类型</span>
                                        <span class="name">输出</span>
                                <van-tab :title='$t("message.Mining")'>
                                    <div class="list-row flex align-center justify-between">
                                        <span class="name">{{$t("message.Time")}}</span>
                                        <span class="name">{{$t("message.Type")}}</span>
                                        <span class="name">{{$t("message.Output")}}</span>
                                    </div>
                                    <div class="row flex align-center justify-between" v-for="item in 8">
                                    <div class="list-row flex align-center justify-between" v-for="item in 8">
                                        <span>2022-3-11 10:20</span>
                                        <span></span>
                                        <span></span>
@@ -240,19 +239,22 @@
    .tab-wrap{
        margin: 20px -28px;
    }
    .row{
    .list-row{
        font-size: 24px;
        color: #080808;
        padding: 0 28px;
    }
    .row .name{
    .list-row .name{
        font-size: 28px;
        color: #999999
    }
    .row span:nth-child(1){
    .list-row span:nth-child(1){
        width: 34%
    }
    .row span:nth-child(2){
    .list-row span:nth-child(2){
        text-align: center
    }
    .list-row:not(:last-child){
        margin: 30px 0;
    }
</style>

 src/pages/index/index.vue

@@ -4,34 +4,87 @@
            <div class="header flex align-center justify-between">
            <div class="left flex align-center">
                <img src="../../assets/images/icon3.png" class="icon"/>
                <van-dropdown-menu active-color="#3D8AF2">
                    <van-dropdown-item v-model="value1" :options="option1" />
                <van-dropdown-menu active-color="#3D8AF2" class="i18-wrap">
                    <van-dropdown-item v-model="local" :options="languague" @change="changeLanguage"/>
                </van-dropdown-menu>
            </div>
            <span class="title">ANT-ETH</span>
            <div class="right flex align-center">
                <img src="../../assets/images/icon.png" class="icon"/>
                <span>连接钱包</span>
                <span>{{ $t("message.ConnectWallet") }}</span>
            </div>
            </div>
            <div class="banner-content">
                <p>免质押挖矿</p>
                <p>奖励<span class="em">1000,000</span> ETH</p>
                <button @click="show = true">授权凭证</button>
                <p>{{ $t("message.Defi") }}</p>
                <p>{{ $t("message.Reward") }}<span class="em">1000,000</span> ETH</p>
                <button @click="show = true">{{ $t("message.ReceiveVoucher") }}</button>
            </div>
        </div>
        <img src="../../assets/images/banner.png" class="banner"/>
        <van-tabs class="scale" title-active-color="#080808" title-inactive-color="#999999" line-height="4px">
            <van-tab title="矿池">
            <van-tab :title='$t("message.MiningPool")'>
                <OrePool></OrePool>
            </van-tab>
            <van-tab title="账户">
            <van-tab :title='$t("message.Account")'>
              <Account></Account>
            </van-tab>
        </van-tabs>
        <van-overlay :show="show" @click="show = false">
          <div class="wrapper" @click.stop>
            <div class="block" />
            <div class="block">
              <div class="block-title">
                <p>{{ $t("message.ReceiveDescription") }}</p>
              </div>
              <p class="block-content">{{ $t("message.Description") }}</p>
              <button class="block-btn" @click="accredit()">{{ $t("message.Receive") }}</button>
            </div>
          </div>
        </van-overlay>
        <van-overlay :show="showAccredit" @click="showAccredit = false">
          <div class="wrapper" @click.stop>
            <div class="block">
              <img class="close-icon" @click="showAccredit = false" src="../../assets/images/close-icon.png">
              <div class="accredit-box flex align-center justify-between">
                <div class="item flex flex-v align-center justify-center">
                  <img src="../../assets/images/icon7.png">
                  <p class="title">Dapp</p>
                  <p>DappConnect</p>
                </div>
                <div class="item flex flex-v align-center justify-center" @click="wallet()">
                  <img src="../../assets/images/icon8.png">
                  <p class="title">Wallet</p>
                  <p>WalletConnect</p>
                </div>
              </div>
            </div>
          </div>
        </van-overlay>
        <van-overlay :show="showWallet" @click="showWallet = false">
          <div class="wrapper" @click.stop>
           <div class="block">
              <img class="close-icon" @click="showWallet = false" src="../../assets/images/close-icon.png">
              <div class="wallet-box">
                <p class="title">选择你的钱包</p>
                <div class="wallet-warp flex align-center justify-between">
                  <div>
                    <img src="../../assets/images/icon8.png">
                    <p>coinbase</p>
                  </div>
                  <div>
                    <img src="../../assets/images/icon8.png">
                    <p>coinbase</p>
                  </div>
                  <div>
                    <img src="../../assets/images/icon8.png">
                    <p>coinbase</p>
                  </div>
                  <div>
                    <img src="../../assets/images/icon8.png">
                    <p>coinbase</p>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </van-overlay>
  </div>
@@ -40,7 +93,8 @@
<script>
import WalletConnectProvider from "@walletconnect/web3-provider"; 
import Web3 from "web3";
import { ref } from 'vue';
import { ref, getCurrentInstance } from 'vue';
import { useI18n } from 'vue-i18n'
import OrePool from './orePool';
import Account from './account';

@@ -51,16 +105,23 @@
    Account
  },
  setup() {
    const value1 = ref(0);
    const option1 = [
      { text: '简体中文', value: 0 },
      { text: 'English', value: 1 }
    ];
    const show = ref(false);
    const { proxy } = getCurrentInstance();
    function changeLanguage(type) {
      proxy.$i18n.locale = type;
    }
    const showAccredit = ref(false);
    const showWallet = ref(false);
    return {
      value1,
      option1,
      show
      local: ref('zh'),
      languague: [
        { text: '简体中文', value: 'zh' },
        { text: 'English', value: 'en' }
      ],
      show,
      changeLanguage,
      showAccredit,
      showWallet
    };
  },
  methods: {
@@ -84,6 +145,14 @@
        return;
      }
    },
    accredit(){
      this.show = false
      this.showAccredit = true
    },
    wallet(){
      this.showAccredit = false
      this.showWallet = true
    }
  }
}
</script>
@@ -132,21 +201,25 @@
  font-size: 48px;
  font-weight: bold;
  color: #F5F6F7;
  letter-spacing:4px;
  letter-spacing:2px;
}
.banner-content p .em{
  font-size: 68px;
  color: #FEAA4A;
}
.banner-content button{
  background:  linear-gradient(142deg, #FEAA4A 0%, #FF8517 100%);
  display: block;
  background:  linear-gradient(86deg, #FEAA4A 0%, #FF8517 100%);
  border: 0;
  color: #FFFFFF;
  font-size: 32px;
  font-weight: bold;
  padding: 24px 72px;
  border-radius: 44px;
  margin-top: 30px
  padding: 24px 0;
  width: 310px;
  height: 90px;
  border-radius: 48px;
  margin-top: 30px;
  box-sizing: border-box;
}
.wrapper {
    display: flex;
@@ -154,8 +227,106 @@
    justify-content: center;
}
.block {
    width: 120px;
    background-color: #fff;
  border-radius: 20px;
  padding: 24px 34px 32px;
  position: fixed;
  top: 30%;
  left: 24px;
  right: 24px;
}
.block-title{
  text-align: left;
}
.block-title p{
  font-size: 32px;
  font-weight: bold;
  position: relative;
  margin: 0;
}
.block-title p::before{
  content: '';
  width: 10px;
  height: 10px;
  background: #FEAA4A;
  display: block;
  border-radius: 50%;
  position: absolute;
  left: -20px;
  top: 50%;
}
.block-content{
  font-size: 24px;
  text-align: left;
  color: #999999;
  margin: 28px 0 0;
}
.block-btn{
  margin-top: 80px;
  background:  linear-gradient(142deg, #FEAA4A 0%, #FF8517 100%);
  border: 0;
  color: #FFFFFF;
  font-size: 32px;
  font-weight: bold;
  padding: 24px 104px;
  border-radius: 48px;
}
.close-icon{
  position: absolute;
  top: -63px;
  right: 0px;
  width: 50px;
  height: 50px;
  color: #fff;
}
.accredit-box{
  padding: 54px 30px;
}
.accredit-box .item{
  width: 45%;
  border: 1px solid #E9E9E9;
  border-radius: 20px;
  padding: 35px;
  box-sizing: border-box;
}
.accredit-box .item img{
  width: 84px;
  height: 84px;
}
.accredit-box .item p{
  margin: 10px 0 0;
  font-size: 24px;
  color: #999999;
}
.accredit-box .item .title{
  font-size: 32px;
  color: #080808;
  font-weight: bold;
}
.wallet-box{
  padding: 20px;
}
.wallet-box p{
  margin: 0;
}
.wallet-box .title{
  font-size: 32px;
  color: #080808;
  font-weight: bold;
}
.wallet-warp{
  box-sizing: border-box;
  margin-top: 80px;
}
.wallet-warp img{
  width: 88px;
  height: 88px;
  border-radius: 20px;
}
.wallet-warp p{
  font-size: 24px;
  color: #080808;
  margin-top: 15px;
}

</style>

 src/pages/index/orePool.vue

@@ -1,85 +1,85 @@
<template>
    <div>
        <div class="box">
            <h3 class="title">矿池数据</h3>
            <h3 class="title">{{ $t("message.PoolData") }}</h3>
            <div class="box-content">
                <div class="row flex align-center justify-between">
                    <span class="name">总产量</span>
                    <span class="name">{{ $t("message.TotalOutput") }}</span>
                    <span class="count em">741522.920798 ETH</span>
                </div>
                <div class="row flex align-center justify-between">
                    <span class="name">有效节点</span>
                    <span class="name">{{ $t("message.ValidNode") }}</span>
                    <span class="count em">38</span>
                </div>
                <div class="row flex align-center justify-between">
                    <span class="name">参与者</span>
                    <span class="name">{{ $t("message.Participant") }}</span>
                    <span class="count">123</span>
                </div>
                <div class="row flex align-center justify-between">
                    <span class="name">用户收入</span>
                    <span class="name">{{ $t("message.UserRevenue") }}</span>
                    <span class="count">73235521.340353 USDT</span>
                </div>
            </div>
        </div>
        <h2 class="m-title">采矿</h2>
        <h3 class="m-subtitle">流动性采矿收入</h3>
        <h2 class="m-title">{{ $t("message.Mining") }}</h2>
        <h3 class="m-subtitle">{{ $t("message.LiquidityMiningIncome") }}</h3>
        <div class="box">
            <h3 class="title">用户输出</h3>
            <h3 class="title">{{ $t("message.UserOutput") }}</h3>
            <div class="box-content">
                <div class="row flex align-center justify-between">
                    <span class="name">地址</span>
                    <span class="name">数量</span>
                    <span class="name">{{ $t("message.Address") }}</span>
                    <span class="name">{{ $t("message.Quantity") }}</span>
                </div>
                <div>
                    <div class="row flex align-center justify-between" v-for="item in 8">
                <vue-seamless-scroll :data="listData" :class-option="scrollOption" class="list-warp">
                    <div class="row flex align-center justify-between" v-for="item in listData">
                        <span class="small-name">TFptQTd********7j3bms</span>
                        <span class="small-count">0.920798 ETH</span>
                    </div>
                </vue-seamless-scroll>
                </div>
            </div>
        </div>
        <h2 class="m-title">帮助中心</h2>
        <h3 class="m-subtitle">希望对你有帮助</h3>
        <h2 class="m-title">{{$t("message.HelpCenter")}}</h2>
        <h3 class="m-subtitle">{{$t("message.HelpCenter2")}}</h3>
        <van-collapse v-model="activeNames">
            <van-collapse-item title="什么是节点挖掘？" name="1">
                USDT存储在自己的钱包中，0风险，新的区块链数据管理和计算模型，以促进DEFI生态。通过每个用户节点的总价值生产、无保留的流动性节点挖掘以及预挖掘和增量行为，所有ETH用户提供链上流动性，所有这些都将通过智能合约节点执行收入自动锁定。目前，您可以通过任何钱包参与，对矿工新一代节点进行挖掘，在通过流动性节点挖掘获得的总收入结束时，通过USDT代币分割每个用户的集中钱包。
            <van-collapse-item :title='$t("message.Question1")' name="1">
                {{$t("message.Answer1")}}
            </van-collapse-item>
            <van-collapse-item title="采矿收入来自哪里？" name="2">
                一旦用户参与挖掘，流动性节点挖掘将被激活，每天节点挖掘产生的总金额将在24小时内结束，每个用户从Minres新一代流动性节点池中获取挖掘数据，用于计算收益。每日结算6次，每4小时结算1次，挖矿收益以液体节点池用户钱包代币百分比计算。成功提交社区后，挖掘收益将被释放到用户的中央钱包。移动节点挖掘的总量占用户钱包token总量的比例。你在移动池中拥有的代币越多，你从挖掘中获得的代币就越多。
            <van-collapse-item :title='$t("message.Question2")' name="2">
                {{$t("message.Answer2")}}
            </van-collapse-item>
            <van-collapse-item title="我需要如何加入？" name="3">
                参与非破坏性和非担保流动性挖掘需要支付ETH或者TRX矿工费用才能收到替换金券，ETH钱包或者TRX钱包地址只需申请一次。成功后自动打开挖掘权限
            <van-collapse-item :title='$t("message.Question3")' name="3">
                {{$t("message.Answer3")}}
            </van-collapse-item>
            <van-collapse-item title="我怎样提现？" name="4">
                您可以将每天生成的货币转换为USDT，然后启动提款。USDT取款将自动发送到您添加到节点的钱包地址，不支持其他地址
            <van-collapse-item :title='$t("message.Question4")' name="4">
                {{$t("message.Answer4")}}
            </van-collapse-item>
            <van-collapse-item title="收益率是多少？" name="5">
                100USDT-499USDT收益率≈2%<br>
                500USDT-4999USDT收益率≈2.4%<br>
                5000USDT-29999USDT收益率≈2.8%<br>
                30000USDT-99999USDT收益率≈3.2%<br>
                100000USDT-499999USDT收益率≈3.6%<br>
                500000USDT-999999USDT收益率≈4.2%<br>
                1000000USDT-4999999USDT收益率≈4.8%<br>
                5000000USDT-9999999USDT收益率≈5.2%<br>
                100USDT以下沒有盈利。
            <van-collapse-item :title='$t("message.Question5")' name="5">
                100USDT-499USDT{{$t("message.Yield")}}≈2%<br>
                500USDT-4999USDT{{$t("message.Yield")}}≈2.4%<br>
                5000USDT-29999USDT{{$t("message.Yield")}}≈2.8%<br>
                30000USDT-99999USDT{{$t("message.Yield")}}≈3.2%<br>
                100000USDT-499999USDT{{$t("message.Yield")}}≈3.6%<br>
                500000USDT-999999USDT{{$t("message.Yield")}}≈4.2%<br>
                1000000USDT-4999999USDT{{$t("message.Yield")}}≈4.8%<br>
                5000000USDT-9999999USDT{{$t("message.Yield")}}≈5.2%<br>
                {{$t("message.Answer5")}}
            </van-collapse-item>
            <van-collapse-item title="额外的收益是什么？" name="6">
                当你每天有足够的挖掘量，并持续保持足够的时间，挖掘池将有很多奖励。有关更多详细信息，请联系在线客户服务。
            <van-collapse-item :title='$t("message.Question6")' name="6">
                {{$t("message.Answer6")}}
            </van-collapse-item>
            <van-collapse-item title="如何联系你？" name="7">
                请发送电子邮件，我们将在收到电子邮件后立即回复您；miningusdtvip@gmail.com
            <van-collapse-item :title='$t("message.Question7")' name="7">
                {{$t("message.Answer7")}}
            </van-collapse-item>
        </van-collapse>
        <h2 class="m-title">审计报告</h2>
        <h3 class="m-subtitle">我没有一份安全的审计报告</h3>
        <h2 class="m-title">{{$t("message.AuditReport")}}</h2>
        <h3 class="m-subtitle">{{$t("message.AuditReport2")}}</h3>
        <div class="img-wrap flex justify-between">
            <img src="../../assets/images/img1.png" />
            <img src="../../assets/images/img2.png" />
            <img src="../../assets/images/img3.png" />
        </div>
        <h2 class="m-title">伙伴</h2>
        <h3 class="m-subtitle">我们的商业伙伴</h3>
        <h2 class="m-title">{{$t("message.Partner")}}</h2>
        <h3 class="m-subtitle">{{$t("message.Partner2")}}</h3>
        <div class="img-wrap flex justify-between flex-wrap">
            <img src="../../assets/images/img4.png" />
            <img src="../../assets/images/img5.png" />
@@ -97,7 +97,40 @@
  name: 'orePool',
  setup() {
    const activeNames = ref(['1']);
        return { activeNames };
        return { 
            activeNames,
            listData: [{
                'title': '无缝滚动第一行无缝滚动第一行',
                'date': '2017-12-16'
                }, {
                'title': '无缝滚动第二行无缝滚动第二行',
                'date': '2017-12-16'
                }, {
                'title': '无缝滚动第三行无缝滚动第三行',
                'date': '2017-12-16'
                }, {
                'title': '无缝滚动第四行无缝滚动第四行',
                'date': '2017-12-16'
                }, {
                'title': '无缝滚动第五行无缝滚动第五行',
                'date': '2017-12-16'
                }, {
                'title': '无缝滚动第六行无缝滚动第六行',
                'date': '2017-12-16'
                }, {
                'title': '无缝滚动第七行无缝滚动第七行',
                'date': '2017-12-16'
                }, {
                'title': '无缝滚动第八行无缝滚动第八行',
                'date': '2017-12-16'
                }, {
                'title': '无缝滚动第九行无缝滚动第九行',
                'date': '2017-12-16'
            }],
            scrollOption: {
                step: 0.5
            }
        };
  },
  methods: {
    
@@ -191,7 +224,10 @@
    }
    .van-collapse-item__content{
        text-align: left;
        text-align: justify;
        font-size: 26px;
    }
    .list-warp{
        overflow: hidden;
        height: 450px;
    }
</style>