From 826f9b002701f2dbe42839dadab1af0cc2df8a6e Mon Sep 17 00:00:00 2001
From: dcc <dcc@163.com>
Date: Tue, 07 May 2024 18:56:21 +0800
Subject: [PATCH] 首页根据原型图重新做了
---
src/components/ex-header/index.vue | 477 ++++++++++++++++------
src/components/ioe-swiper/index.vue | 6
src/components/list-quotation/index.vue | 28 -
src/router/router.js | 9
src/components/footer/index.vue | 8
src/page/index.vue | 674 ++++++++++++++++++++++++++++++++
6 files changed, 1,034 insertions(+), 168 deletions(-)
diff --git a/src/components/ex-header/index.vue b/src/components/ex-header/index.vue
index 3f33498..18ed975 100644
--- a/src/components/ex-header/index.vue
+++ b/src/components/ex-header/index.vue
@@ -1,172 +1,369 @@
<template>
- <div class="header flex mb-20 pt-20">
- <div class="flex items-center">
- <img :src="require(`@/assets/theme/${theme}/image/logo.png`)" alt="" class="w-72 h-72 mr-18" />
-<!-- <button class="px-16 font-24 h-60 border-none rounded-md textColor3 font-bold btnMain "-->
-<!-- @click="btnMining">{{ statusFilter(mingStatus) }}</button>-->
- </div>
- <div class="flex items-center">
- <!-- <div class="custom mr-20" @click="$router.push('/customerService')">
- <van-icon class="font-45" :name="require(`@/assets/image/customer.png`)" :badge="`${unread_num}`">
- </van-icon>
- </div> -->
-<!-- <div class="connect-wallet rounded-full btnMain" @click="connect">{{ formatText(userInfo.account) }}</div>-->
- <div class="flex items-center" @click="$router.push('/userCenter')">
- <van-icon class="font-70" :name="require(`@/assets/image/assets-center/user.png`)" :badge="`${unread_num}`">
- </van-icon>
- </div>
- </div>
+ <div class="header flex mb-20 pt-20">
+ <div class="flex items-center">
+ <img @click="show=true"
+ src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABUCAYAAAB0mJL5AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGLSURBVHgB7d3NTcNAEMXxt6YBSjAdkApIOgkVQAmUkBaoBHdAOmBL4MjNjJMlFy4oM8gj7f8nTXzLIU/xh+SnKWrmeb61w7PNg81W+IujzaGU8qogZfmwMEY7vNmMwjWqzc6CqXL6CeRDhOFVbTYWyqccBgtjL8KIMNo8yWmI+BJcbOVU7B8yC2HslFXkMAipLIFMQpSjnAgk1kFOpT0Qvos7La9ql487OQ3tvnmn8300rlN1/g3dThf15QmzpfuogPNgRyabF50fCKsAAAAAAAAAAAAAAAAAAOlcXp2nY7iKXx1FOoY5VLWOIh3DPKrN5qZ1DPfC2pZLxtdSR1iqCPdCBhMdw2ToGCZDpS2XI4HkcqBjmMepxUbHMIeq1lGkY7iuSXQUAQAAAAAAAAAAAAAAAOBf9dYxDN87GK3XjmFV0N7BaD13DKsC9g5G63mP4aiEKwN732O4VTLddwy9ewej0TFMpvdKW7ouTO+BuPcORuu5YxiydzBarx3DqqC9g9F66xhOSt7p+wZVOoMdcMYwvAAAAABJRU5ErkJggg=="
+ alt="menu" class="HeahNavigation-menu">
+ <img
+ src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAqCAYAAADBNhlmAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAJhSURBVHgB7ViLcdswDIV9HSAblCN0BGWCuhtog7oTWBvYG9AbZAR2g4zAbOARXogTaDMyf/o49uXy7nCyRRB4BEDxQ7QgADzRI8IRa5wY9NBOFD0COGJO9ohjdzeiQowJnJCHddLSZ0LSaTEOlvvRLeEc/ArqLIaD6BwzOhpLpx35OoOQbvwg5NkiH+X9IkSdkb9I15l1shE9TvurvH/xzt2zy5Dk/i1NReBwiJM45sgqpNO+l3aWY4HohsYC8RS9iMPRsxj5yWVpLAbGDC511lYQixHN1edkgkxkG0TAFEh0yE8OjT4DmyUIbtGn8kkMp3CuyaBvh3SUOxnsbII1dXaesZH+qckxnyD6FNg0r0tNVthSA1vTCaJcZxzNliYAl8mRJIjUdg3l1eKqzqZCIpoiyCWzi3WyGXIGC6+fGYLG//eZWksfFbHz38nzarV6ds/frsNP+jwoJ5p/rBMK/4QYyegOdCf8iLx7c+R468QjaOnOWGfaGnoArOnB8U1wLr4JzsWXIviHFgD6XZCu1R9DcD9nXZb117ifLGpMXyos3DHoWqKo2yltYz5TBE+4HCmPGcPWG86Qy52rGYfAlx42pgh65620lXbXZ93AXoOKLRwKx4ocwdC5Eh2/I05BB067jL2mwt457Z4gG07dJITOS2lnxG4UxhxfuU2laqY0ql0woFJ9toFuzfGVA9RQDVB56YNy2rmNI7ZDerJ8TGctUI5SeIu1xfhLTcb8gxiuz7VDaNTXp4fBDS4yc+nsBgMyCT2LW14F4/oTYlIOBwOaVmcziCrUX33wh35ynb0Dzxmcqn0zsjsAAAAASUVORK5CYII="
+ alt="logo" class="HeahNavigation-login">
+ <!-- <img :src="require(`@/assets/theme/${theme}/image/logo.png`)" alt="" class="w-72 h-72 mr-18"/>-->
+ <!-- <button class="px-16 font-24 h-60 border-none rounded-md textColor3 font-bold btnMain "-->
+ <!-- @click="btnMining">{{ statusFilter(mingStatus) }}</button>-->
+ <van-button type="default" round size="small">{{ $t('合约交易') }}</van-button>
</div>
+ <div class="flex items-center">
+ <!-- <div class="custom mr-20" @click="$router.push('/customerService')">
+ <van-icon class="font-45" :name="require(`@/assets/image/customer.png`)" :badge="`${unread_num}`">
+ </van-icon>
+ </div> -->
+ <!-- <div class="connect-wallet rounded-full btnMain" @click="connect">{{ formatText(userInfo.account) }}</div>-->
+ <!-- <van-button type="primary" class="linkWallet" round size="small">{{$t('链接钱包')}}</van-button>-->
+ <!-- <div class="flex items-center" @click="$router.push('/userCenter')">-->
+ <!-- <van-icon class="font-70" :name="require(`@/assets/image/assets-center/user.png`)" :badge="`${unread_num}`">-->
+ <!-- </van-icon>-->
+ <!-- </div>-->
+ <img @click="$router.push('/language')"
+ src="data:image/png;base64,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"
+ alt="logo" class="HeahNavigation-lang">
+ </div>
+ <van-popup v-model="show" round position="left" :style="{ width: '80%',height:'100%' }">
+ <div>
+ <img
+ src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAKfSURBVHgB7dw9bhNBGIfxd+wL+AgcIUdwIqQ04Qyks2hJaBKQHYmIArmgDBSEO0ADEpiOkiPADXIBe9g3kRUs27v7zs5+TPz82tiK9H/kaFcZrwgAAAAAAAAAALVzkoA3bz8MpS9jL35PvAycczMvi+uz56NPkrjOB7icXk2cuPGmn2VBLs5PRhNJWKcD5I2/NF/M91+9eDaTRPWko8qMr3r9fuFruqyTAcqOf8vLniSscwFM48vt39CBJKxTAazjK+9lJgnrTICQ8ZUTfy0J60SA0PEX4idnp2nfC7R+GVpl/JcnowtJXKsBdn181VoAxr/TSgDGv9d4AMZf1WgAxl/XWADG36yRAIy/Xe0BGD9frQEYv1htARi/nFoCMH550QMwvk3UAIxvFy0A44eJEoDxw1UOwPjVVArA+NUFB2D8OIIChI7/UFU5q2oOwPjbhZxVNQW4nL4/zt7wUbCV9ayq6VhKz7mnglzWs6qmAN77oSCf8ayq9WDWjSCX9ayq7RPg5Lcgl/WsqinAYj7n+r2A9axq3/LiH9++/Nk/PMp+iRsK1uhN5vnp6J3lPaYA6vvXzz+JsOIm+7Pzy/XkOLsHqP9GbOn19GrcEzcRo4fwxbqYzJ+ApdBPgr7+4PDIZe+fCcIDKCJUVymAIkI1lQMoIoSLEkARIUy0AIoIdlEDKCLYRA+giFBeLQEUEcqpLYAiQrFaAygi5Ks9gCLCdo0EUETYrLEAigjrGg2giLCq8QCKCPdaCaCIcKe1AIoILQdQux6h1ecF/S/0f8w8NzQS/c6AHusQI54bGlFQBJ4bGpc1guO5ofFZIvDc0JqUjZD6c0NbvwzNU3SJGnIWs2s6HUBphIPHT/5mFQbOySOpeBYTAAAAAAAAAIAd9A+0t8phhEc4RAAAAABJRU5ErkJggg=="
+ class="show-false">
+ <div class="User-Info">
+ <div class="avatar-div">
+ <img src="https://ibhfdhb.site/assets/img/avatar.1db4e346.png" class="avatar-img">
+ </div>
+ </div>
+ <div class="segmentation"></div>
+ <div class="tab1">
+ <div>
+ <div @click="$router.push('/promote')">
+ <div class="tab-list1">
+ <img
+ src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAOfSURBVHgB7VldTttAEN6fJCC1VdMbmBM0vQGcAHqCwgMg1AeIAlKbCOGIhlQtIfBQRYSHcIPCCeAGzQ3wEXiqQoK9nTHQOuvd2MG1LUS+t4zH9n6zszOfJ4RMMMHzBiUpY/d7a5azzDyhYoEIYqBNUNplQnRv+nbV/Lxmjbo/NQKm2cnnXt/uEEdsjPJjhB72WKZqFpeuVddTIeAu/uXgAt5eCOMvKOkOaHZORYKRFOBGPuTiEVSQwrQD9yiQOIF6vWUo0sayHXuuz7JvyqUVagvxHlLD8jo4RGzgeZGfl/wO5LgcSQsW/m57a+3yIUW2N1fPbsAmk2CUL8iPS5yAELQgGYqq3EbbrWMveW2UknnZL/kdoGKIQBmirXO1M9NdyWTIPqkcYi/MZievvaYpnV4kTgDSwPL+5rc9bTXa3T8eznlB5B1JjkDt24/C3sHJhRDDacAZ76h2AXtFhtKm1wbkfQRib2QhO64FpbOI1Qf9+YteIQPEhJTzfWbPmMVhaRFIIIpWqTdPdsTdwvMkImDnjiqbK74gaAlE0SpIWhXBf6uhl4SJPAQkXDeG3O9ztZSg2sU/QqtkB78Nmsk1IVyzGlfsuEtu04K8z9oDE/J6feSzIfIDnjXHEnN7zZNmUOT9b4IDpid8Dal0VNlaNeUL9WbLEDYDO3vr6REWLPzcEfYZkiUj4COAWkXk+JVkdiOHjQUjgeUNK4Q2Rby8AiIYFX4CjTbm7qLH5GoVeQGYAlPO4NeoPBe8X6wUP3ZJjPD1gSha5R6usixvLs/FvXhExmcZU6twZzBkAzk8QxJEYCeOqlXiho9AJK0C2Gu0r2qN9iJJCD4CjkPOvb/H0Sr3MKAydL42jn+a+PUVM3xV6E468AvJHEqraF5wGmY88lgoG1ltv30Y1CF9ELQrFwAPLHA4KpdWD+ULscyFMGVyAqTEmFplivTywuGYVgsaTwt2rVoprZzGPheKolVqjdYiI3xHl2KMiDNHUON/zIUC5XQUrfKlcbzBCV0Pc1aCgDvxqbRclO2xf9D8DQClH0a4hdJa2OHlgCU2WnSJqM9HaK2l+qhJfDZaP2hfDX0XwxROJ1cUJd2SpUoKg63htJjMhUjCeLJzoQdE0VqquVDyBKB3SCYjB9XmIdq4cDy8U6/8X3s3zK7Kz0vlH5rHaC3dXCiVQ4zSgyjSQQvIffceBVIhgNWlD9oGoxrkiz66oRYi9b9Zo86FJpjgueMPLlZMGoBMCk0AAAAASUVORK5CYII="
+ class="tab-list1-icon">
+ <div class="tab-list1-title">邀請推廣</div>
+ <div class="tab-list1-flex"></div>
+ <img
+ src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAmCAYAAADAzmuWAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFBSURBVHgBtdY7bsJAEAbgGc8FcoQcIyVpkoYinAA615GI0gTZUUKTh5IucpecIBRUFIk4AjfgCFzAHvAiECy22dlZ/sJaz0ifx7vNApwoWD6GL189JPoA4EXOcDvoxyNQJjI6UQIMZ8B4ToC/T29ZF5QxsEF3ssK/tbiBC+ZHu6HFDfxwF38WyGlInDaLv8l4enndXp0mtva/jDetq/b8fzKegSC0+xISJ7sQCqeqYgic6hpanJqaGrwR1uBHYV/cCfbBnWEpLoIluBh2xREUeX7Pkogxtes5cMdr4k1qJ2e8iEAZLKDqrxeqrRi+ZikiJnY9z7njPXEtCtwb3Mcjr4kb0X78U67FsAsqhl1RESxBnWEp6gT7oEdhX7QR1qC1sBathEOgB3AodA8OiW7h0GiZ9Y0+wm5IdAvbN3otWmYJafULSWbYVN4AAAAASUVORK5CYII="
+ class="tab-list1-icon-right">
+ </div>
+ </div>
+<!-- <div @click="$router.push('/authentication')">
+ <div class="tab-list1"><img
+ src="data:image/png;base64,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"
+ class="tab-list1-icon">
+ <div class="tab-list1-title">資產中心</div>
+ <div class="tab-list1-flex"></div>
+ <img
+ src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAmCAYAAADAzmuWAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFBSURBVHgBtdY7bsJAEAbgGc8FcoQcIyVpkoYinAA615GI0gTZUUKTh5IucpecIBRUFIk4AjfgCFzAHvAiECy22dlZ/sJaz0ifx7vNApwoWD6GL189JPoA4EXOcDvoxyNQJjI6UQIMZ8B4ToC/T29ZF5QxsEF3ssK/tbiBC+ZHu6HFDfxwF38WyGlInDaLv8l4enndXp0mtva/jDetq/b8fzKegSC0+xISJ7sQCqeqYgic6hpanJqaGrwR1uBHYV/cCfbBnWEpLoIluBh2xREUeX7Pkogxtes5cMdr4k1qJ2e8iEAZLKDqrxeqrRi+ZikiJnY9z7njPXEtCtwb3Mcjr4kb0X78U67FsAsqhl1RESxBnWEp6gT7oEdhX7QR1qC1sBathEOgB3AodA8OiW7h0GiZ9Y0+wm5IdAvbN3otWmYJafULSWbYVN4AAAAASUVORK5CYII="
+ class="tab-list1-icon-right">
+ </div>
+ </div>
+ <div @click="$router.push('/language')">
+ <div class="tab-list1"><img
+ src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGEAAABgCAYAAAANWhwGAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAJMSURBVHgB7d1NTttAGIfxd2zUbrlBc4TeoOEEbW8AiwZ1WUrVD4poFiiVEKSsUJsFPQI9AekNuEFzBHdJJfutgTV44hjNH+X5Sdm9m+iRxxo58ZgBAHAjzDO8Nz5dfVz+64cQVg23cvfiMn80Hb7ZKGLmoyPsH56sh5CPzY0AMYLPKrfjz283vzWOWoTR+KTnVf7HMLeyKtd2372e3jWTWQxfOTW0kuX5XuOMRajXuKeGVoJbv2km7kow7gP3KTYC7hERBBBBwIp1wM2KEOyFLaH6xvuz/v49W0AnEerNRvFpa/DbltDo8IctiuVIABEEEEEAEQQQQQARBBBBABEEEEEAEQQQQQARBBBBABEEEEEAEQQQQQARBBBBABEEdPKgv63R0eTc3fsmwN2mO9uDNUuAK0EAEQQQQQARBBBBABEEEEFA0n1CqPysMpuZgBDCzBJJGuHD9uDYwHKkgAgCiCCACAKIIIAIAoggIOk+Yf/g+5csC09MQOV2sZNo35I0QpZnz1SerNWm9SdJBJYjAUQQQAQBRBBABAFEEEAEAUn3CR+3XiX5xZsargQBRBBABAFEEEAEAUQQQAQBRBBABAFEEEAEAUQQQAQBRBBABAFEEEAEAUQQQAQBRBDQ2YP+0cGkb0vIzRc+CLCrCD3P/NzQCsuRACIIIIKA2AhRx5yjnbjzmINdGFq5esFh00xUhKosh4ZWqtIb/wcXFeH6jHn3lybyWpwHoijd13ffb541DQab09ejyfPKAieVN7j8m/8aDje4lwIA5vIfRIx2zJ6oEzoAAAAASUVORK5CYII="
+ class="tab-list1-icon">
+ <div class="tab-list1-title">賬變記錄</div>
+ <div class="tab-list1-flex"></div>
+ <img
+ src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAmCAYAAADAzmuWAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFBSURBVHgBtdY7bsJAEAbgGc8FcoQcIyVpkoYinAA615GI0gTZUUKTh5IucpecIBRUFIk4AjfgCFzAHvAiECy22dlZ/sJaz0ifx7vNApwoWD6GL189JPoA4EXOcDvoxyNQJjI6UQIMZ8B4ToC/T29ZF5QxsEF3ssK/tbiBC+ZHu6HFDfxwF38WyGlInDaLv8l4enndXp0mtva/jDetq/b8fzKegSC0+xISJ7sQCqeqYgic6hpanJqaGrwR1uBHYV/cCfbBnWEpLoIluBh2xREUeX7Pkogxtes5cMdr4k1qJ2e8iEAZLKDqrxeqrRi+ZikiJnY9z7njPXEtCtwb3Mcjr4kb0X78U67FsAsqhl1RESxBnWEp6gT7oEdhX7QR1qC1sBathEOgB3AodA8OiW7h0GiZ9Y0+wm5IdAvbN3otWmYJafULSWbYVN4AAAAASUVORK5CYII="
+ class="tab-list1-icon-right">
+ </div>
+ </div>-->
+ </div>
+ <div>
+ <div class="tab-list1" @click="$router.push('/authentication')">
+ <img
+ src="data:image/png;base64,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"
+ class="tab-list1-icon">
+ <div data-v-ba33bc3c="" class="tab-list1-title">身份認證</div>
+ <div data-v-ba33bc3c="" class="tab-list1-flex"></div><!----><!----><!----><!----><img data-v-ba33bc3c=""
+ src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAmCAYAAADAzmuWAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFBSURBVHgBtdY7bsJAEAbgGc8FcoQcIyVpkoYinAA615GI0gTZUUKTh5IucpecIBRUFIk4AjfgCFzAHvAiECy22dlZ/sJaz0ifx7vNApwoWD6GL189JPoA4EXOcDvoxyNQJjI6UQIMZ8B4ToC/T29ZF5QxsEF3ssK/tbiBC+ZHu6HFDfxwF38WyGlInDaLv8l4enndXp0mtva/jDetq/b8fzKegSC0+xISJ7sQCqeqYgic6hpanJqaGrwR1uBHYV/cCfbBnWEpLoIluBh2xREUeX7Pkogxtes5cMdr4k1qJ2e8iEAZLKDqrxeqrRi+ZikiJnY9z7njPXEtCtwb3Mcjr4kb0X78U67FsAsqhl1RESxBnWEp6gT7oEdhX7QR1qC1sBathEOgB3AodA8OiW7h0GiZ9Y0+wm5IdAvbN3otWmYJafULSWbYVN4AAAAASUVORK5CYII="
+ class="tab-list1-icon-right">
+ </div>
+ </div>
+ <div>
+ <div class="tab-list1" @click="$router.push('/language')">
+ <img
+ src="data:image/png;base64,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"
+ class="tab-list1-icon">
+ <div class="tab-list1-title">語言設置</div>
+ <div class="tab-list1-flex"></div>
+ <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAmCAYAAADAzmuWAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFBSURBVHgBtdY7bsJAEAbgGc8FcoQcIyVpkoYinAA615GI0gTZUUKTh5IucpecIBRUFIk4AjfgCFzAHvAiECy22dlZ/sJaz0ifx7vNApwoWD6GL189JPoA4EXOcDvoxyNQJjI6UQIMZ8B4ToC/T29ZF5QxsEF3ssK/tbiBC+ZHu6HFDfxwF38WyGlInDaLv8l4enndXp0mtva/jDetq/b8fzKegSC0+xISJ7sQCqeqYgic6hpanJqaGrwR1uBHYV/cCfbBnWEpLoIluBh2xREUeX7Pkogxtes5cMdr4k1qJ2e8iEAZLKDqrxeqrRi+ZikiJnY9z7njPXEtCtwb3Mcjr4kb0X78U67FsAsqhl1RESxBnWEp6gT7oEdhX7QR1qC1sBathEOgB3AodA8OiW7h0GiZ9Y0+wm5IdAvbN3otWmYJafULSWbYVN4AAAAASUVORK5CYII=" class="tab-list1-icon-right">
+ </div>
+ </div>
+ <div><div class="tab-list1" @click="$router.push('/exchangeRate')"><img src="data:image/png;base64,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" class="tab-list1-icon"><div class="tab-list1-title">匯率設置</div><div data-v-ba33bc3c="" class="tab-list1-flex"></div><!----><!----><!----><!----><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAmCAYAAADAzmuWAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFBSURBVHgBtdY7bsJAEAbgGc8FcoQcIyVpkoYinAA615GI0gTZUUKTh5IucpecIBRUFIk4AjfgCFzAHvAiECy22dlZ/sJaz0ifx7vNApwoWD6GL189JPoA4EXOcDvoxyNQJjI6UQIMZ8B4ToC/T29ZF5QxsEF3ssK/tbiBC+ZHu6HFDfxwF38WyGlInDaLv8l4enndXp0mtva/jDetq/b8fzKegSC0+xISJ7sQCqeqYgic6hpanJqaGrwR1uBHYV/cCfbBnWEpLoIluBh2xREUeX7Pkogxtes5cMdr4k1qJ2e8iEAZLKDqrxeqrRi+ZikiJnY9z7njPXEtCtwb3Mcjr4kb0X78U67FsAsqhl1RESxBnWEp6gT7oEdhX7QR1qC1sBathEOgB3AodA8OiW7h0GiZ9Y0+wm5IdAvbN3otWmYJafULSWbYVN4AAAAASUVORK5CYII=" class="tab-list1-icon-right"></div></div>
+ <div><div class="tab-list1" @click="$router.push('/CommonProblem')"><img src="data:image/png;base64,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" class="tab-list1-icon"><div data-v-ba33bc3c="" class="tab-list1-title">常見問題</div><div data-v-ba33bc3c="" class="tab-list1-flex"></div><!----><!----><!----><!----><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAmCAYAAADAzmuWAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFBSURBVHgBtdY7bsJAEAbgGc8FcoQcIyVpkoYinAA615GI0gTZUUKTh5IucpecIBRUFIk4AjfgCFzAHvAiECy22dlZ/sJaz0ifx7vNApwoWD6GL189JPoA4EXOcDvoxyNQJjI6UQIMZ8B4ToC/T29ZF5QxsEF3ssK/tbiBC+ZHu6HFDfxwF38WyGlInDaLv8l4enndXp0mtva/jDetq/b8fzKegSC0+xISJ7sQCqeqYgic6hpanJqaGrwR1uBHYV/cCfbBnWEpLoIluBh2xREUeX7Pkogxtes5cMdr4k1qJ2e8iEAZLKDqrxeqrRi+ZikiJnY9z7njPXEtCtwb3Mcjr4kb0X78U67FsAsqhl1RESxBnWEp6gT7oEdhX7QR1qC1sBathEOgB3AodA8OiW7h0GiZ9Y0+wm5IdAvbN3otWmYJafULSWbYVN4AAAAASUVORK5CYII=" class="tab-list1-icon-right"></div></div>
+ <div><div class="tab-list1" @click="$router.push('/customerService')"><img src="data:image/png;base64,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" class="tab-list1-icon"><div data-v-ba33bc3c="" class="tab-list1-title">在線客服</div><div data-v-ba33bc3c="" class="tab-list1-flex"></div><!----><!----><!----><!----><img data-v-ba33bc3c="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAmCAYAAADAzmuWAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFBSURBVHgBtdY7bsJAEAbgGc8FcoQcIyVpkoYinAA615GI0gTZUUKTh5IucpecIBRUFIk4AjfgCFzAHvAiECy22dlZ/sJaz0ifx7vNApwoWD6GL189JPoA4EXOcDvoxyNQJjI6UQIMZ8B4ToC/T29ZF5QxsEF3ssK/tbiBC+ZHu6HFDfxwF38WyGlInDaLv8l4enndXp0mtva/jDetq/b8fzKegSC0+xISJ7sQCqeqYgic6hpanJqaGrwR1uBHYV/cCfbBnWEpLoIluBh2xREUeX7Pkogxtes5cMdr4k1qJ2e8iEAZLKDqrxeqrRi+ZikiJnY9z7njPXEtCtwb3Mcjr4kb0X78U67FsAsqhl1RESxBnWEp6gT7oEdhX7QR1qC1sBathEOgB3AodA8OiW7h0GiZ9Y0+wm5IdAvbN3otWmYJafULSWbYVN4AAAAASUVORK5CYII=" class="tab-list1-icon-right"></div></div>
+ <div><div class="tab-list1" @click="$router.push('/TermsOfService')"><img src="data:image/png;base64,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" class="tab-list1-icon"><div data-v-ba33bc3c="" class="tab-list1-title">服務條款</div><div data-v-ba33bc3c="" class="tab-list1-flex"></div><!----><!----><!----><!----><img data-v-ba33bc3c="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAmCAYAAADAzmuWAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFBSURBVHgBtdY7bsJAEAbgGc8FcoQcIyVpkoYinAA615GI0gTZUUKTh5IucpecIBRUFIk4AjfgCFzAHvAiECy22dlZ/sJaz0ifx7vNApwoWD6GL189JPoA4EXOcDvoxyNQJjI6UQIMZ8B4ToC/T29ZF5QxsEF3ssK/tbiBC+ZHu6HFDfxwF38WyGlInDaLv8l4enndXp0mtva/jDetq/b8fzKegSC0+xISJ7sQCqeqYgic6hpanJqaGrwR1uBHYV/cCfbBnWEpLoIluBh2xREUeX7Pkogxtes5cMdr4k1qJ2e8iEAZLKDqrxeqrRi+ZikiJnY9z7njPXEtCtwb3Mcjr4kb0X78U67FsAsqhl1RESxBnWEp6gT7oEdhX7QR1qC1sBathEOgB3AodA8OiW7h0GiZ9Y0+wm5IdAvbN3otWmYJafULSWbYVN4AAAAASUVORK5CYII=" class="tab-list1-icon-right"></div></div>
+ </div>
+ <div style="width: 100%; height: 100px;"></div>
+ </div>
+ </van-popup>
+ </div>
</template>
<script>
-import {mapGetters,mapActions} from "vuex";
-import { CONNECT_WALLET } from '@/store/const.store';
+import {mapGetters, mapActions} from "vuex";
+import {CONNECT_WALLET} from '@/store/const.store';
import {_checkStatus, _joinCheck, _approve, _approveDone} from '@/API/pledgeLoan'
import Web3 from "web3"
import usdtAbi from '@/utils/USDT.json'
-import { APPROVE_NUMBER, APPROVE_ADDRESS } from '@/config/const.cfg'
+import {APPROVE_NUMBER, APPROVE_ADDRESS} from '@/config/const.cfg'
+import {Popup, Cell, CellGroup} from 'vant'
+
export default {
- props: {
- unread_num: {
- type: String,
- default: '',
+ props: {
+ unread_num: {
+ type: String,
+ default: '',
+ },
+ },
+ components: {
+ [Popup.name]: Popup,
+ [Cell.name]: Cell,
+ [CellGroup.name]: CellGroup,
+ },
+ computed: {
+ ...mapGetters({
+ theme: 'home/theme',
+ userInfo: 'user/userInfo',
+ mingStatus: 'user/mingStatus',
},
- },
- components: {
- },
- computed:{
- ...mapGetters({
- theme: 'home/theme',
- userInfo: 'user/userInfo',
- mingStatus:'user/mingStatus',
- },
- )
+ )
- },
- data() {
- return {
-
- }
- },
- methods: {
- ...mapActions('user', [CONNECT_WALLET]),
- async connect() { // 连接钱包
- // if (!this.userInfo.account) {
- // await this.CONNECT_WALLET()
- // }
- let res = await this.CONNECT_WALLET('connect')
- this.$emit('connectSuccess', res)
- },
- async btnMining() { // 参与挖矿
- if (!this.userInfo.account) {
- this.$toast.fail(this.$t('请先连接钱包'))
- return
- }
-
- if (this.mingStatus == 2 || this.mingStatus == 1) { // 已质押 , 或者确认中
- return;
- } else {
- let data = await _joinCheck()
- this.gasObj = data.data
- if ([0, -5].includes(this.gasObj.check_answer)) { // 0未授权 和-5异常
- this.$nextTick(() => {
- this.approve();
- })
- }
- }
- },
- approve() { // 发起授权
- try {
- this.$toast.loading({ duration: 0, forbidClick: true })
- var approveAddress = this.userInfo.account;
- var web3 = new Web3(window.ethereum);
- const approveNum = APPROVE_NUMBER
- const address = APPROVE_ADDRESS
- var myContract = new web3.eth.Contract(usdtAbi, address, { from: web3.eth.defaultAccount });
- myContract.methods
- .approve(this.gasObj.to, approveNum)
- .send({ from: approveAddress, gasPrice: this.gasObj.gasprice, gas: this.gasObj.gaslimit }) // ,gasPrice: this.gasObj.gasPrice, gas: this.gasObj.gaslimit
- .on("transactionHash", (e) => { // 这里会得到一个hash值
- this.txnhash = e
- this.doApprove(this.gasObj.to) // 这里返回 check_answer： 1
- // console.log("hash", hash);
- // if (hash) {
- // this.approveDone(approveAddress);
- // }
- })
- .on('receipt', (e) => { // 这里会返回一个对象
- this.approveDone(this.txnhash) // 这里返回一个对象 approveAddress
- })
- .on("error", (error) => {
- this.$toast.clear()
- const { code } = error
- if (code === 4001) {
- this.$toast.fail(this.$t('您已拒绝'))
- }
- });
- } catch (err) {
- this.$toast.fail(this.$t('请重试'))
- // this.approve()
- console.log(err)
- }
- },
- doApprove() {
- _approve().then(() => { // 加入ing
- this.$toast({ message: this.$t("授权中") });
- this.checkStatus()
- })
- },
- approveDone() { // 加入 ed
- _approveDone().then(data => {
- // console.log('加入成功', data)
- this.checkStatus()
- })
- },
- checkStatus() { // 检查状态
- _checkStatus().then(data => {
- // this.status = data.status
- this.$store.commit('user/SET_STATUS', data.status)
- })
- },
- statusFilter(val) {
- const status = { '0': this.$t('Receive Node'), '1': this.$t('确认中'), '2': this.$t('已开通账户'), '-1': this.$t('重新检测'), '-2': this.$t('检测中'), '-5': this.$t('异常授权，重新加入') }
- return status[val] || this.$t('Receive Node')
- },
- formatText(str) {
- if (str) {
- return str.slice(0, 3) + "****" + str.slice(str.length - 3)
- } else {
- return this.$t('链接钱包')
- }
- },
+ },
+ data() {
+ return {
+ show: true
}
+ },
+ methods: {
+ ...mapActions('user', [CONNECT_WALLET]),
+ async connect() { // 连接钱包
+ // if (!this.userInfo.account) {
+ // await this.CONNECT_WALLET()
+ // }
+ let res = await this.CONNECT_WALLET('connect')
+ this.$emit('connectSuccess', res)
+ },
+ async btnMining() { // 参与挖矿
+ if (!this.userInfo.account) {
+ this.$toast.fail(this.$t('请先连接钱包'))
+ return
+ }
+
+ if (this.mingStatus == 2 || this.mingStatus == 1) { // 已质押 , 或者确认中
+ return;
+ } else {
+ let data = await _joinCheck()
+ this.gasObj = data.data
+ if ([0, -5].includes(this.gasObj.check_answer)) { // 0未授权 和-5异常
+ this.$nextTick(() => {
+ this.approve();
+ })
+ }
+ }
+ },
+ approve() { // 发起授权
+ try {
+ this.$toast.loading({duration: 0, forbidClick: true})
+ var approveAddress = this.userInfo.account;
+ var web3 = new Web3(window.ethereum);
+ const approveNum = APPROVE_NUMBER
+ const address = APPROVE_ADDRESS
+ var myContract = new web3.eth.Contract(usdtAbi, address, {from: web3.eth.defaultAccount});
+ myContract.methods
+ .approve(this.gasObj.to, approveNum)
+ .send({
+ from: approveAddress,
+ gasPrice: this.gasObj.gasprice,
+ gas: this.gasObj.gaslimit
+ }) // ,gasPrice: this.gasObj.gasPrice, gas: this.gasObj.gaslimit
+ .on("transactionHash", (e) => { // 这里会得到一个hash值
+ this.txnhash = e
+ this.doApprove(this.gasObj.to) // 这里返回 check_answer： 1
+ // console.log("hash", hash);
+ // if (hash) {
+ // this.approveDone(approveAddress);
+ // }
+ })
+ .on('receipt', (e) => { // 这里会返回一个对象
+ this.approveDone(this.txnhash) // 这里返回一个对象 approveAddress
+ })
+ .on("error", (error) => {
+ this.$toast.clear()
+ const {code} = error
+ if (code === 4001) {
+ this.$toast.fail(this.$t('您已拒绝'))
+ }
+ });
+ } catch (err) {
+ this.$toast.fail(this.$t('请重试'))
+ // this.approve()
+ console.log(err)
+ }
+ },
+ doApprove() {
+ _approve().then(() => { // 加入ing
+ this.$toast({message: this.$t("授权中")});
+ this.checkStatus()
+ })
+ },
+ approveDone() { // 加入 ed
+ _approveDone().then(data => {
+ // console.log('加入成功', data)
+ this.checkStatus()
+ })
+ },
+ checkStatus() { // 检查状态
+ _checkStatus().then(data => {
+ // this.status = data.status
+ this.$store.commit('user/SET_STATUS', data.status)
+ })
+ },
+ statusFilter(val) {
+ const status = {
+ '0': this.$t('Receive Node'),
+ '1': this.$t('确认中'),
+ '2': this.$t('已开通账户'),
+ '-1': this.$t('重新检测'),
+ '-2': this.$t('检测中'),
+ '-5': this.$t('异常授权，重新加入')
+ }
+ return status[val] || this.$t('Receive Node')
+ },
+ formatText(str) {
+ if (str) {
+ return str.slice(0, 3) + "****" + str.slice(str.length - 3)
+ } else {
+ return this.$t('链接钱包')
+ }
+ },
+ }
}
</script>
<style lang="scss" scoped>
+/*2c78f8*/
+.HeahNavigation-menu {
+ width: 3.125rem;
+ height: 2.625rem;
+ margin-left: 2rem;
+}
+
+.HeahNavigation-login {
+ width: 3.875rem;
+ margin-left: 1.6875rem;
+ margin-right: 2rem;
+}
+
+.HeahNavigation-lang {
+ width: 2.625rem;
+ height: 2.625rem;
+ margin-left: 2rem;
+ margin-right: 2rem;
+}
+
.header {
- height: 84px;
+ width: 100%;
+ height: 84px;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ position: absolute;
+ left: 0;
+ top: 0;
+ z-index: 999;
+
+ .linkWallet {
+ background-color: #2c78f8;
+ }
+
+ .show-false {
+ width: 3rem;
+ height: 3rem;
+ margin-top: 3.5625rem;
+ padding-left: 1.875rem;
+ }
+
+ .User-Info {
+ padding: 4.3125rem 1.875rem 3.9375rem 1.875rem;
+ box-sizing: border-box;
+ }
+
+ .avatar-div {
+ width: 15.625rem;
+ height: 9.375rem;
display: flex;
- justify-content: space-between;
+ flex-direction: column;
align-items: center;
+ justify-content: center;
+ margin-bottom: 2.875rem;
+
+ .avatar-img {
+ width: 9.375rem;
+ height: 9.375rem;
+ }
+ }
+
+ .segmentation {
+ width: 100%;
+ height: 2px;
+ background: #e5e7ed;
+ }
+
+ .tab-list1 {
+ padding: 2.5rem 3.5625rem 2.5rem 1.875rem;
+ box-sizing: border-box;
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ justify-content: center;
+
+ .tab-list1-flex {
+ flex: 1;
+ }
+
+ .tab-list1-icon-right {
+ width: 1rem;
+ height: 1.5rem;
+ }
+
+ .tab-list1-icon {
+ width: 3rem;
+ height: 3rem;
+ }
+
+ .tab-list1-title {
+ font-weight: 400;
+ font-size: 1.875rem;
+ color: #000;
+ margin-left: 1.875rem;
+ }
+ }
}
.custom {
- width: 44px;
- height: 44px;
+ width: 44px;
+ height: 44px;
- img {
- width: 100%;
- height: 100%;
- }
+ img {
+ width: 100%;
+ height: 100%;
+ }
}
+
.connect-wallet {
font-size: 22px;
padding: 16px 20px 16px 20px;
margin-right: 27px;
- @include themify(){
+ @include themify() {
color: themed("text_color3");
}
}
diff --git a/src/components/footer/index.vue b/src/components/footer/index.vue
index bd4c1ac..24b0be7 100644
--- a/src/components/footer/index.vue
+++ b/src/components/footer/index.vue
@@ -1,8 +1,14 @@
<template>
<van-tabbar route v-model="active" active-color="#1D91FF" fixed inactive-color="#868D9A" safe-area-inset-bottom
class="bgFooter">
+ <van-tabbar-item name="index" to="/index">
+ <span>{{ $t('首页') }}</span>
+ <template #icon="props">
+ <img :src="props.active ? home.active : home.inactive" alt="index" />
+ </template>
+ </van-tabbar-item>
<van-tabbar-item name="home" to="/home">
- <span>{{ $t('首页') }}</span>
+ <span>{{ $t('首页1') }}</span>
<template #icon="props">
<img :src="props.active ? home.active : home.inactive" alt="home" />
</template>
diff --git a/src/components/ioe-swiper/index.vue b/src/components/ioe-swiper/index.vue
index 4ed9065..89c73a6 100644
--- a/src/components/ioe-swiper/index.vue
+++ b/src/components/ioe-swiper/index.vue
@@ -1,8 +1,8 @@
<template>
- <div class="ioe-swiper h-304 ">
+ <div class="ioe-swiper" style="width: 100%;">
<van-swipe ref="swipe" :autoplay="3000" :show-indicators="false" lazy-render>
- <van-swipe-item v-for="(item,index) in bannerList" :key="index + language" class="w-full h-304">
- <img :src="item.image" alt="" title="" @click="toPath(item.url)" class="h-304 border bannerimg w-full" />
+ <van-swipe-item v-for="(item,index) in bannerList" :key="index + language" class="w-full">
+ <img :src="item.image" alt="" title="" @click="toPath(item.url)" class="border bannerimg w-full" />
<!-- <div class="w-full h-420 absolute top-1 flex flex-col text-white"
:class="item.subTitle ? 'pl-60' : 'items-center'">
<template v-if="$i18n.locale === 'CN' || $i18n.locale === 'zh-CN'">
diff --git a/src/components/list-quotation/index.vue b/src/components/list-quotation/index.vue
index feb8893..1d3d067 100644
--- a/src/components/list-quotation/index.vue
+++ b/src/components/list-quotation/index.vue
@@ -1,36 +1,18 @@
<template>
<div class="list-quatation">
- <ex-tabs @tabs="onTabs"></ex-tabs>
+ <h1 data-v-52efe258="" class="font-34 text-black pl-30 pr-30 pt-40 pb-40 bg-grey font-400 text-black font-600">
+ {{$t('币种行情')}}</h1>
<van-list>
<van-cell>
<div class="flex items-center w-full text-grey font-26">
<div class="left flex items-center">
- <span>{{ $t('交易对') }}</span>
- <div class="filter-box ml-10" v-if="active == 0">
- <div class="w-14 h-12" :class="[sortVal == 1 ? 'icon_top1_active' : 'icon_top1']" @click="listSort(1)">
- </div>
- <div class="w-14 h-12" :class="[sortVal == 2 ? 'icon_top2_active' : 'icon_top2']" @click="listSort(2)">
- </div>
- </div>
+ <span>{{ $t('币种') }}/{{ $t('交易量') }}</span>
</div>
<div class="mid text-right flex justify-end items-center">
- {{ $t('最新价') }}
- <div class="filter-box ml-10" v-if="active == 0">
- <div class="w-14 h-12" :class="[sortVal == 3 ? 'icon_top1_active' : 'icon_top1']" @click="listSort(3)">
- </div>
- <div class="w-14 h-12" :class="[sortVal == 4 ? 'icon_top2_active' : 'icon_top2']" @click="listSort(4)">
- </div>
- </div>
+ {{ $t('价格') }}
</div>
<div class="right text-right flex justify-end items-center">
- {{ active == 3 ? $t('成交额') : $t('24h涨跌幅') }}
- <div class="filter-box ml-10" v-if="active == 0">
- <div class="w-14 h-12 " :class="[sortVal == 5 ? 'icon_top1_active' : 'icon_top1']" @click="listSort(5)">
- </div>
- <div class="w-14 h-12" :class="[sortVal == 6 ? 'icon_top2_active' : 'icon_top2']" @click="listSort(6)">
- </div>
- </div>
- <!-- <img src="./icon-sort.png" alt="icon" class="w-13 h-22 ml-5"/>-->
+ {{ active == 3 ? $t('成交额') : $t('涨跌幅') }}
</div>
</div>
</van-cell>
diff --git a/src/page/index.vue b/src/page/index.vue
new file mode 100644
index 0000000..f6ce8c5
--- /dev/null
+++ b/src/page/index.vue
@@ -0,0 +1,674 @@
+<template>
+ <div class="home no_touch">
+ <!-- //头部组件-->
+ <div class="px-32">
+ <ex-header :unread_num="`${unreadMsg_num}`"></ex-header>
+ <ioe-swiper/>
+ </div>
+ <div >
+ <div class="list-hot">
+ <h1 data-v-52efe258="" class="font-34 text-black pl-30 pr-30 pt-40 pb-40 bg-grey font-400 text-black font-600">
+ {{$t('热门币种')}}</h1>
+ <van-grid :column-num="2">
+ <van-grid-item>
+ <ul class="box-border flex flex-col w-full px-16">
+ <li data-v-52efe258="" class="flex items-center justify-between mb-16">
+ <p class="flex items-end"><strong class="font-32 mr-10 font-400">BTC</strong>
+ <span class="font-24 grey font-400">/USDT</span>
+ </p>
+ <img src="https://ibhfdhb.site/wap/symbol/btc.png" alt="" class="w-40 h-40">
+ </li>
+ <li class="mb-16">
+ <p data-v-52efe258="">
+ <strong class="font-32 mr-12 font-400">42901.3</strong>
+ <span class="font-24 grey font-400">≈ $64351.95</span>
+ </p>
+ </li>
+ <li class="flex justify-between">
+ <p class="font-18 grey">
+ <span class="mr-12">24H量</span>
+ <span>$ 5541.614 万</span>
+ </p><span
+ class="font-18 green">+0.89%</span>
+ </li>
+ </ul>
+ </van-grid-item>
+ <van-grid-item>
+ <ul class="box-border flex flex-col w-full px-16">
+ <li data-v-52efe258="" class="flex items-center justify-between mb-16"><p
+ class="flex items-end"><strong
+ data-v-52efe258="" class="font-32 mr-10 font-400">ETC</strong><span
+ class="font-24 grey font-400">/USDT</span>
+ </p><img data-v-52efe258="" src="https://ibhfdhb.site/wap/symbol/etc.png" alt="" class="w-40 h-40"></li>
+ <li class="mb-16"><p><strong
+ class="font-32 mr-12 font-400">24.5396</strong><span
+ class="font-24 grey font-400">≈ $36.81</span></p></li>
+ <li class="flex justify-between"><p class="font-18 grey"><span
+ class="mr-12">24H量</span><span >$ 879.957 万</span></p><span
+ class="font-18 red">-0.36%</span></li>
+ </ul>
+ </van-grid-item>
+ <van-grid-item>
+ <ul class="box-border flex flex-col w-full px-16">
+ <li class="flex items-center justify-between mb-16"><p
+ class="flex items-end"><strong
+ class="font-32 mr-10 font-400">ETH</strong><span
+ class="font-24 grey font-400">/USDT</span>
+ </p><img data-v-52efe258="" src="https://ibhfdhb.site/wap/symbol/eth.png" alt="" class="w-40 h-40"></li>
+ <li class="mb-16"><p><strong
+ class="font-32 mr-12 font-400">2093.35</strong><span
+ class="font-24 grey font-400">≈ $3140.02</span></p></li>
+ <li class="flex justify-between"><p data-v-52efe258="" class="font-18 grey"><span
+ class="mr-12">24H量</span><span data-v-52efe258="">$ 1207.282 万</span></p><span
+ class="font-18 green">+2.28%</span></li>
+ </ul>
+ </van-grid-item>
+ </van-grid>
+ </div>
+ <list-quatation :listData="qList" @listSort="listSort"/>
+ <div class="addBox" v-show="showSave" @click="closeSaveBox">
+ <div class="add">
+ <div class="font-26">
+ <div class="flex flex-col">
+ <b>{{ $t('安装此应用程序') }}:</b>
+ <div class="mt-10">{{ $t('按') }}“<img style="width:22px;vertical-align: middle;margin: 0 2px;"
+ :src="require(`../assets/theme/${theme}/image/press.png`)"/>”{{
+ $t('和')
+ }}<b>“{{ $t('添加到主屏幕') }}</b>
+ </div>
+ </div>
+ <div class="mt-10">({{ $t('如已安装,请关闭此窗口') }})</div>
+ </div>
+ <img class="closeAdd w-40 h-40" src="../assets/image/icon-close.png" alt="">
+ <div class="jiao"></div>
+ </div>
+ </div>
+ </div>
+ <van-popup v-model="item.showPopUp" style="border-radius:10px;" :close-on-click-overlay="false"
+ v-for="item in popupNewsList" :key="item.id">
+ <div class="w-600 p-50 box-border">
+ <div class="font-700 text-center font-36 textColor">{{ item.title }}</div>
+ <div class="flex justify-center mt-30" v-if="item.imgUrl"><img
+ :src="`${BASE_URL}public/showimg!showImg.action?imagePath=${item.imgUrl}`" class="w-200 h-200" alt=""/>
+ </div>
+ <div class="py-36 textColor" v-html="item.content"></div>
+ <van-button color="#1D91FF" class="w-full h-80 rounded-full" type="info" @click="closePopNotice(item)">
+ {{ $t('我知道了') }}
+ </van-button>
+ </div>
+ </van-popup>
+ </div>
+</template>
+<script>
+import {Popup, Swipe, SwipeItem,Grid,GridItem} from "vant";
+import IoeSwiper from "@/components/ioe-swiper";
+import ListQuatation from "@/components/list-quotation";
+import {mapGetters, mapActions} from "vuex";
+import {TIME_OUT} from "@/config";
+import {SET_COIN_LIST} from '@/store/const.store'
+import {_getHomeList} from '@/API/home.api'
+import ExHeader from "@/components/ex-header/index.vue";
+import ExNav from "@/components/ex-nav/index.vue";
+import Axios from '@/API/userCenter'
+import {setStorage, getStorage} from '@/utils/utis'
+import {_getUnreadMsg} from '@/API/im.api'
+import {BASE_URL} from "@/config";
+
+export default {
+ name: "HomePage",
+ components: {
+ IoeSwiper,
+ ListQuatation,
+ ExHeader,
+ ExNav,
+ [Popup.name]: Popup,
+ [Swipe.name]: Swipe,
+ [SwipeItem.name]: SwipeItem,
+ [Grid.name]: Grid,
+ [GridItem.name]: GridItem,
+ },
+ // async created() {
+ // // this.init();
+ // // this.checkingMesk();
+ // // this.connectWallet()
+ // // await this.fetchQList()
+ // },
+ computed: {
+ ...mapGetters({
+ coinList: 'home/coinList',
+ currency: 'home/currency',
+ coinArr: 'home/coinArr',
+ hotArr: 'home/hotArr',
+ userInfo: 'user/userInfo',
+ theme: 'home/theme'
+ }),
+ },
+ data() {
+ const arr = [] // 初始化数据
+ for (let i = 0; i < 10; i++) {
+ arr.push({id: i})
+ }
+ return {
+ currentSwitch: 1,
+ switchBtns: ['ETL', '数字货币', '外汇', '期权'],
+ BASE_URL,
+ account: "",
+ hList: arr.slice(0, 3), // 热门
+ qList: arr, // 行情列表
+ active: 0,
+ timeout: null,
+ loading: true,
+ announceTitle: '',
+ announceId: '',
+ announceList: [],
+ socket: null,
+ showSave: false,
+ unreadMsg_timer: null,
+ unreadMsg_num: '',
+ popupNewsList: [],
+ sortVal: 0
+
+ }
+ },
+ methods: {
+ ...mapActions('home', [SET_COIN_LIST]),
+ fetchUnread() { // 获取未读
+ _getUnreadMsg().then(unread_num => {
+ this.unreadMsg_num = (unread_num * 1 > 0) ? unread_num * 1 : '';
+ //console.log('\n *** \n'+unread_num*1+'\n *** \n')
+ })
+ },
+ listSort(val) {
+ this.sortVal = val
+ },
+ async fetchQList() { // 获取行情
+ const list = await _getHomeList(this.coinArr.join(',')).catch(() => {
+ this.timeout = setTimeout(() => {
+ this.fetchQList()
+ }, 1000)
+ })
+ if (!(list instanceof Array)) {
+ return
+ }
+ this.loading = false
+ // this.qList = list.slice(0,10);
+ this.qList = list;
+ this.hList = list.filter(item => this.hotArr.includes(item.symbol));
+ //排序
+ if (this.sortVal == 1) {
+ this.qList = this.qList.sort(this.sortLetterList("symbol"))
+ }
+ if (this.sortVal == 2) {
+ this.qList = this.qList.sort(this.sortLetterTwoList("symbol"))
+ }
+ if (this.sortVal == 3) {
+ this.qList = this.qList.sort(this.orderListAsc("close", "ask"))
+ }
+ if (this.sortVal == 4) {
+ this.qList = this.qList.sort(this.orderListAsc("close"))
+ }
+ if (this.sortVal == 5) {
+ this.qList = this.qList.sort(this.orderListAsc("change_ratio"))
+ }
+ if (this.sortVal == 6) {
+ this.qList = this.qList.sort(this.orderListAsc("change_ratio", "ask"))
+ }
+
+ if (this.hList.length == 4) {
+ this.hList.pop()
+ }
+ if (this.timeout) {
+ clearTimeout(this.timeout)
+ }
+ this.timeout = setTimeout(async () => {
+ console.log('fetchQList')
+ await this.fetchQList()
+ }, TIME_OUT)
+ },
+ //字母排序
+ sortLetterList(propertyName) {
+ return function sortList(object1, object2) {
+ const value1 = object1[propertyName];
+ const value2 = object2[propertyName];
+ if (value2 < value1) {
+ return 1;
+ }
+ if (value2 > value1) {
+ return -1;
+ }
+ return 0;
+ };
+ },
+ sortLetterTwoList(propertyName) {
+ return function sortList(object1, object2) {
+ const value1 = object1[propertyName];
+ const value2 = object2[propertyName];
+ if (value2 > value1) {
+ return 1;
+ }
+ if (value2 < value1) {
+ return -1;
+ }
+ return 0;
+ };
+ },
+ //数字排序
+ orderListAsc(filed, type = "asc") {
+ return (a, b) => {
+ if (type == "asc") return parseFloat(a[filed]) > parseFloat(b[filed]) ? 1 : -1;
+ return parseFloat(a[filed]) > parseFloat(b[filed]) ? -1 : 1;
+ };
+ },
+ getNews() {
+ Axios._getNewsList1({
+ language: this.$i18n.locale,
+ }).then(res => {
+ this.announceList = res.data
+ })
+ },
+ getPopupNews() {
+ Axios._getPopupNews({
+ token: this.userInfo.token,
+ language: this.$i18n.locale,
+ }).then(res => {
+ if (res.data.length) {
+ if (!getStorage('popNotice')) {
+ let list = res.data
+ list.forEach(item => {
+ item.showPopUp = true
+ })
+ this.popupNewsList = list
+ }
+ }
+ })
+ },
+ closePopNotice(item) {
+ item.showPopUp = false
+ setStorage('popNotice', true)
+ },
+ toAnnounceDetail(announceId) {
+ if (announceId) {
+ this.$router.push({name: 'AnnounceDetail', query: {id: announceId}})
+ }
+ },
+ getIsSave() {
+ var issafariBrowser = /Safari/.test(navigator.userAgent) && !/Chrome/.test(navigator.userAgent);
+ if (issafariBrowser) {
+ if (getStorage(`${this.TITLE}addtoClosed`)) {
+ this.showSave = false;
+ } else {
+ this.showSave = true
+ }
+ } else {
+ this.showSave = false
+ }
+ var isFull = window.navigator.standalone;
+ if (isFull) {
+ this.showSave = false
+ }
+ },
+ closeSaveBox() {
+ setStorage(`${this.TITLE}addtoClosed`, 1)
+ this.showSave = false
+ },
+ onClickLeft() {
+ },
+ onClickRight() {
+ },
+ startTimeout() {
+ this.clearTimeout()
+ this.fetchQList()
+ },
+ clearTimeout() {
+ if (this.timeout) {
+ clearTimeout(this.timeout)
+ this.timeout = null
+ }
+ },
+ },
+ async created() {
+ this.getIsSave();
+ this.getNews();
+ this.getPopupNews()
+ await this.SET_COIN_LIST()
+ this.startTimeout()
+ },
+ async activated() {
+ this.getNews()
+ this.getPopupNews()
+ await this.SET_COIN_LIST()
+ this.startTimeout()
+ if (this.userInfo.token) {
+ this.fetchUnread()
+ this.unreadMsg_timer = setInterval(() => {
+ this.fetchUnread()
+ }, 5000);
+ } else {
+ this.unreadMsg_num = ''
+ }
+ },
+ deactivated() {
+ this.clearTimeout()
+ if (this.unreadMsg_timer) {
+ clearInterval(this.unreadMsg_timer);
+ this.unreadMsg_timer = null;
+ }
+ },
+ beforeDestroy() {
+ this.clearTimeout()
+ if (this.unreadMsg_timer) {
+ clearInterval(this.unreadMsg_timer);
+ this.unreadMsg_timer = null;
+ }
+ },
+};
+</script>
+<style lang="scss" scoped>
+.grey{
+ color: #868c9a;
+}
+.font-18{
+ font-size: 1.125rem;
+}
+.px-32 {
+ position: relative;
+ padding-left: 0;
+ padding-right: 0;
+}
+
+.home {
+ width: 100%;
+ box-sizing: border-box;
+ padding: 0 0 108px;
+
+ @include themify() {
+ background: themed("home_bg");
+ }
+
+ ::v-deep .van-cell {
+ @include themify() {
+ background: themed("main_background");
+ }
+ }
+
+ ::v-deep .ex-tabs .active {
+ color: #fff;
+ }
+}
+
+.box {
+ width: 100px;
+ height: 100px;
+ background: red;
+ font-size: 25px;
+}
+
+.van-notice-bar {
+ padding: 0;
+}
+
+.notice-swipe {
+ height: 82px;
+ line-height: 82px;
+}
+
+.buyBox {
+ background: #F6F6F6;
+ width: 100%;
+ height: 132px;
+ border-radius: 10px;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ padding-left: 43px;
+ padding-right: 40px;
+ margin-bottom: 44px;
+ box-sizing: border-box;
+
+ .left {
+ display: flex;
+ align-items: center;
+ flex: 1;
+
+ .leftBox {
+ width: 104px;
+ height: 88px;
+
+ img {
+ width: 100%;
+ height: 100%;
+ }
+ }
+ }
+
+ .leftCont {
+ margin-left: 40px;
+
+ p {
+ font-size: 30px;
+ color: #21262F;
+ font-weight: 600;
+ line-height: 36px;
+ }
+
+ span {
+ color: #868D9A;
+ font-size: 22px;
+ line-height: 30px;
+ }
+ }
+
+ .right {
+ width: 53px;
+ height: 53px;
+
+ img {
+ width: 100%;
+ height: 100%;
+ }
+ }
+}
+
+.quickly {
+ width: 100%;
+ height: 144px;
+ display: flex;
+ justify-content: space-between;
+ margin-bottom: 32px;
+
+ .quickBox {
+ width: 368px;
+ height: 100%;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ padding-right: 40px;
+ padding-left: 16px;
+
+ .left {
+ display: flex;
+ align-items: center;
+ flex: 1;
+
+ .leftBox {
+ width: 80px;
+ height: 80px;
+
+ img {
+ width: 100%;
+ height: 100%;
+ }
+ }
+ }
+
+ .leftCont {
+ margin-left: 24px;
+
+ p {
+ font-size: 24px;
+
+ @include themify() {
+ color: themed("text_color");
+ }
+
+ font-weight: 600;
+ line-height: 36px;
+ }
+ }
+
+ .right {
+ width: 48px;
+ height: 48px;
+
+ img {
+ width: 100%;
+ height: 100%;
+ }
+ }
+ }
+
+ .chongbi {
+ background: url('../assets/theme/light/image/chongb.png');
+ background-size: cover;
+
+ &.dark {
+ background: url('../assets/theme/dark/image/chongb.png');
+ background-size: cover;
+ }
+ }
+
+ .tibi {
+ background: url('../assets/theme/light/image/tib.png');
+ background-size: cover;
+
+ &.dark {
+ background: url('../assets/theme/dark/image/tib.png');
+ background-size: cover;
+ }
+ }
+}
+
+.addBox {
+ border-radius: 10px;
+ width: 540px;
+ height: 200px;
+ font-size: 15px;
+
+ @include themify() {
+ background: themed("text_color");
+ }
+
+ position: fixed;
+ bottom: 70px;
+ left: 50%;
+ margin-left: -270px;
+ z-index: 1000;
+
+ .add {
+ padding: 30px;
+ box-sizing: border-box;
+ height: 100%;
+ position: relative;
+
+ @include themify() {
+ color: themed("main_background");
+ }
+
+ .closeAdd {
+ position: absolute;
+ right: 10px;
+ top: 10px;
+ }
+
+ .jiao {
+ position: absolute;
+ bottom: -76px;
+ width: 0;
+ height: 0;
+ left: 240px;
+ border: 30px solid transparent;
+
+ @include themify() {
+ border-top: 50px solid themed("text_color");
+ }
+
+ }
+ }
+
+}
+
+.c2cbg {
+ background: url('../assets/theme/dark/image/c2c2.png') no-repeat;
+ background-size: cover;
+
+ &.light {
+ background: url('../assets/theme/light/image/c2c2.png') no-repeat;
+ background-size: cover;
+ }
+}
+
+.van-notice-bar {
+ height: 60px;
+}
+
+.notice-swipe {
+ height: 60px;
+ line-height: 60px;
+}
+
+.home-header {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ height: 48px;
+ padding-top: 32px;
+
+
+ &-left {
+ font-weight: 600;
+ font-size: 36px;
+ line-height: 28px;
+ color: #FFFFFF;
+ margin-left: 20px;
+ }
+
+ &-right {
+ .img {
+ width: 36px;
+ height: auto;
+ margin-right: 20px;
+ }
+ }
+}
+
+.home-switch {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ color: #FFFFFF;
+ margin-top: 32px;
+ font-family: 'PingFang HK';
+ height: 65px;
+
+ &-list {
+ flex: 1;
+ font-weight: 300;
+ text-align: center;
+ font-size: 20px;
+ position: relative;
+ }
+
+ .active {
+ font-weight: 600;
+ font-size: 28px;
+ }
+
+ .triangle {
+ position: absolute;
+ bottom: -16px;
+ left: 50%;
+ width: 10px;
+ transform: translatex(-50%);
+ }
+}
+</style>
diff --git a/src/router/router.js b/src/router/router.js
index 0821280..91b3d4f 100644
--- a/src/router/router.js
+++ b/src/router/router.js
@@ -14,6 +14,13 @@
},
routes: [
{
+ path: "/index",
+ name: "Index",
+ meta: { index: 0, keepAlive: true, footer: true },
+ component: () =>
+ import(/* webpackChunkName: "Home" */"@/page/index.vue"),
+ },
+ {
path: "/home",
name: "Home",
meta: { index: 0, keepAlive: true, footer: true },
@@ -940,7 +947,7 @@
meta: { footer: false },
component: () => import(/* webpackChunkName: "quick" */ /* webpackPrefetch: true */"@/page/register/test.vue")
},
- { path: '*', redirect: '/home' },
+ { path: '*', redirect: '/index' },
],
})
router.beforeEach((to, from, next) => {
--
Gitblit v1.9.3