首页根据原型图重新做了

dcc

2024-05-07 826f9b002701f2dbe42839dadab1af0cc2df8a6e

首页根据原型图重新做了

 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");
  }
}

 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>

 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'">

 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>

 src/page/index.vue

New file
@@ -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>

 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) => {