From 0557b7805198c86aadddf5dc07206eb6f3687f07 Mon Sep 17 00:00:00 2001
From: fave3722 <372276175@qq.com>
Date: Tue, 13 Sep 2022 15:36:08 +0800
Subject: [PATCH] =?UTF-8?q?=E8=83=8C=E6=99=AF=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components.d.ts                               |  3 +
 src/App.vue                                   |  2 +-
 src/components/row-search.vue                 |  4 +-
 src/pages/BitcNFt/centerContent.vue           |  2 +-
 src/pages/BitcNFt/index.vue                   | 74 +------------------
 src/pages/HomePage/index.vue                  |  9 ++-
 src/pages/TableBlock/Block/details.vue        |  2 +-
 src/pages/TableBlock/Tabs.vue                 |  2 +-
 src/pages/TableBlock/Tokens/details.vue       |  2 +-
 src/pages/TableBlock/Transactions/details.vue |  2 +-
 src/pages/TableBlock/index.vue                |  2 +-
 src/pages/VNFT/centerContent.vue              |  2 +-
 src/pages/VNFT/index.vue                      | 72 +-----------------
 13 files changed, 24 insertions(+), 154 deletions(-)

diff --git a/components.d.ts b/components.d.ts
index dc4aea1..0eab7d1 100644
--- a/components.d.ts
+++ b/components.d.ts
@@ -11,12 +11,15 @@ declare module '@vue/runtime-core' {
     BkTable: typeof import('./src/components/table/desktop/bkTable.vue')['default']
     BkTableDetails: typeof import('./src/components/table/desktop/bkTableDetails.vue')['default']
     DetailsRow: typeof import('./src/components/table/dBase/detailsRow.vue')['default']
+    ElButton: typeof import('element-plus/es')['ElButton']
     ElIcon: typeof import('element-plus/es')['ElIcon']
     ElInput: typeof import('element-plus/es')['ElInput']
     ElPagination: typeof import('element-plus/es')['ElPagination']
     ElPopover: typeof import('element-plus/es')['ElPopover']
     ElSkeleton: typeof import('element-plus/es')['ElSkeleton']
     ElSkeletonItem: typeof import('element-plus/es')['ElSkeletonItem']
+    ElTable: typeof import('element-plus/es')['ElTable']
+    ElTableColumn: typeof import('element-plus/es')['ElTableColumn']
     ElTabPane: typeof import('element-plus/es')['ElTabPane']
     ElTabs: typeof import('element-plus/es')['ElTabs']
     ElTooltip: typeof import('element-plus/es')['ElTooltip']
diff --git a/src/App.vue b/src/App.vue
index ce8856c..4b1e922 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="bg-black w-full max-w-[1440px]">
+  <div class="w-full max-w-[1440px] z-[99]">
     <!-- <router-link to="/">首页</router-link>&nbsp;
     <router-link to="/TableBlock">block</router-link>&nbsp;
     <hr /> -->
diff --git a/src/components/row-search.vue b/src/components/row-search.vue
index 4537de9..09b9ae4 100644
--- a/src/components/row-search.vue
+++ b/src/components/row-search.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="mobile:hidden">
+  <div class="mobile:hidden z-10 desktop:pb-[100px]">
     <div class="flex flex-row px-[120px] justify-between items-center">
       <div
         class="flex flex-1 justify-start items-center cursor-pointer"
@@ -46,7 +46,7 @@
       </div>
     </div>
     <div
-      class="bg-home-page bg-cover bg-center bg-no-repeat w-[1440px] h-[535.5px]"
+      class="bg-home-page bg-cover absolute left-0 z-[-1] bg-no-repeat w-full h-[535.5px]"
     ></div>
   </div>
   <!-- 移动端显示 -->
diff --git a/src/pages/BitcNFt/centerContent.vue b/src/pages/BitcNFt/centerContent.vue
index 3292b03..3b2630c 100644
--- a/src/pages/BitcNFt/centerContent.vue
+++ b/src/pages/BitcNFt/centerContent.vue
@@ -1,6 +1,6 @@
 <template>
   <div
-    class="tableBlock-tabs desktop:mt-[-435.5px] mobile:mt-[-51px] desktop:px-[120px] mobile:px-[20px]"
+    class="tableBlock-tabs mobile:mt-[-51px] desktop:px-[120px] mobile:px-[20px]"
   >
     <Cards
       :title="cardOptions.title"
diff --git a/src/pages/BitcNFt/index.vue b/src/pages/BitcNFt/index.vue
index 50d50d6..4bee197 100644
--- a/src/pages/BitcNFt/index.vue
+++ b/src/pages/BitcNFt/index.vue
@@ -1,81 +1,13 @@
 <template>
-  <div class="bg-black">
-    <div class="bg-black desktop:pt-[76px] mobile:pt-[39px]">
-      <!-- pc端显示 -->
-      <div class="mobile:hidden">
-        <div class="flex flex-row px-[120px] justify-between items-center">
-          <div class="flex flex-1 justify-start items-center">
-            <img
-              :src="iconList.label"
-              class="w-[60px] h-[33px]"
-              @click="goBack"
-            />
-            <span
-              class="text-[34px] font-semibold text-white ml-[11.5px]"
-              @click="goBack"
-              >MetaForce Scan</span
-            >
-          </div>
-          <div class="flex flex-1 h-[52px] justify-end items-center">
-            <div class="flex flex-1 max-w-[554px]">
-              <el-input
-                v-model="input"
-                class="bg-black h-[52px] pl-[33px] text-[12px] rounded-[100px] overflow-hidden hp-input-wrapper"
-                placeholder="Search by Address/Token symbol/Name/Transaction hash/Bock number"
-                :prefix-icon="Search"
-                :input-style="{ background: '#262626' }"
-              />
-            </div>
-          </div>
-        </div>
-        <div
-          class="bg-home-page bg-cover bg-center bg-no-repeat w-[1440px] h-[535.5px]"
-        ></div>
-      </div>
-      <!-- 移动端显示 -->
-      <div class="desktop:hidden">
-        <div
-          class="bg-home-page bg-cover bg-center bg-no-repeat w-full h-[219px] pt-[25px]"
-        >
-          <div class="flex flex-1 justify-center items-center">
-            <img :src="iconList.label" class="w-[40px] h-[24px]" />
-            <span class="text-[24px] font-semibold text-white ml-[16px]"
-              >MetaForce Scan</span
-            >
-          </div>
-          <div
-            class="flex flex-1 h-[40px] justify-center items-center mt-[32px]"
-          >
-            <div class="flex flex-1 px-[20px]">
-              <el-input
-                v-model="input"
-                class="bg-black h-[40px] pl-[15.69px] text-[12px] rounded-[100px] overflow-hidden hp-input-wrapper"
-                placeholder="Search by Address/Token symbol/Name/Transaction hash/Bock number"
-                :prefix-icon="Search"
-                :input-style="{ background: '#262626' }"
-              />
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
+  <div class="desktop:pt-[76px] mobile:pt-[39px]">
+    <row-search />
     <center-content />
   </div>
 </template>
 
 <script setup lang="ts">
-import { Search } from '@element-plus/icons-vue'
-import { ref } from 'vue'
-import * as iconList from '../../assets/Icons/index'
-import router from '@src/routes'
-
+import RowSearch from '@src/components/row-search.vue'
 import centerContent from './centerContent.vue'
-
-const input = ref()
-
-// 请求代币信息
-// const request
-const goBack = () => router.back()
 </script>
 
 <style scoped></style>
diff --git a/src/pages/HomePage/index.vue b/src/pages/HomePage/index.vue
index f68e65a..eef9cf9 100644
--- a/src/pages/HomePage/index.vue
+++ b/src/pages/HomePage/index.vue
@@ -1,14 +1,15 @@
 <template>
   <div class="bg-black desktop:pt-[122px] mobile:pt-[39px]">
     <div
-      class="bg-home-page bg-cover bg-center bg-no-repeat desktop:w-[1440px] desktop:h-[535.5px] desktop:pt-[70px] mobile:w-full mobile:h-[219px] mobile:pt-[25px]"
+      class="bg-home-page bg-cover bg-center bg-no-repea w-full desktop:h-[535.5px] mobile:h-[219px] absolute left-0"
+    />
+    <div
+      class="desktop:w-[1440px] desktop:h-[535.5px] desktop:pt-[70px] mobile:w-full mobile:h-[219px] mobile:pt-[25px]"
     >
       <search-input />
     </div>
     <!-- 中间部分 -->
-    <div
-      class="desktop:px-[120px] desktop:mt-[-111.5px] mobile:px-[20px] mobile:mt-[-51px]"
-    >
+    <div class="desktop:px-[120px] mobile:px-[20px]">
       <!-- Network Overview -->
       <div
         class="bg-black-19191A pt-[34px] pb-[38px] mobile:py-[28px] rounded-[10px]"
diff --git a/src/pages/TableBlock/Block/details.vue b/src/pages/TableBlock/Block/details.vue
index 9a9f853..74767d2 100644
--- a/src/pages/TableBlock/Block/details.vue
+++ b/src/pages/TableBlock/Block/details.vue
@@ -1,6 +1,6 @@
 <template>
   <div
-    class="tableBlock-tabs desktop:mt-[-435.5px] mobile:mt-[-51px] desktop:px-[120px] mobile:px-[20px]"
+    class="tableBlock-tabs mobile:mt-[-51px] desktop:px-[120px] mobile:px-[20px]"
   >
     <div class="flex items-center">
       <el-icon
diff --git a/src/pages/TableBlock/Tabs.vue b/src/pages/TableBlock/Tabs.vue
index 31ae441..9ca3c43 100644
--- a/src/pages/TableBlock/Tabs.vue
+++ b/src/pages/TableBlock/Tabs.vue
@@ -1,6 +1,6 @@
 <template>
   <div
-    class="tableBlock-tabs desktop:mt-[-435.5px] mobile:mt-[-51px] desktop:px-[120px] mobile:px-[20px]"
+    class="tableBlock-tabs mobile:mt-[-51px] desktop:px-[120px] mobile:px-[20px]"
   >
     <el-tabs v-model="active" class="demo-tabs" @tab-change="handleClick">
       <el-tab-pane label="Block" name="/blocks">
diff --git a/src/pages/TableBlock/Tokens/details.vue b/src/pages/TableBlock/Tokens/details.vue
index 843aacd..0c7cd01 100644
--- a/src/pages/TableBlock/Tokens/details.vue
+++ b/src/pages/TableBlock/Tokens/details.vue
@@ -1,6 +1,6 @@
 <template>
   <div
-    class="tableBlock-tabs desktop:mt-[-435.5px] mobile:mt-[-51px] desktop:px-[120px] mobile:px-[20px]"
+    class="tableBlock-tabs mobile:mt-[-51px] desktop:px-[120px] mobile:px-[20px]"
   >
     <div class="flex items-center">
       <el-icon
diff --git a/src/pages/TableBlock/Transactions/details.vue b/src/pages/TableBlock/Transactions/details.vue
index fda97a0..9de79f4 100644
--- a/src/pages/TableBlock/Transactions/details.vue
+++ b/src/pages/TableBlock/Transactions/details.vue
@@ -1,6 +1,6 @@
 <template>
   <div
-    class="tableBlock-tabs desktop:mt-[-435.5px] mobile:mt-[-51px] desktop:px-[120px] mobile:px-[20px]"
+    class="tableBlock-tabs mobile:mt-[-51px] desktop:px-[120px] mobile:px-[20px]"
   >
     <div class="flex items-center">
       <el-icon
diff --git a/src/pages/TableBlock/index.vue b/src/pages/TableBlock/index.vue
index cbacc95..effa20a 100644
--- a/src/pages/TableBlock/index.vue
+++ b/src/pages/TableBlock/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="bg-black desktop:pt-[76px] mobile:pt-[39px]">
+  <div class="desktop:pt-[76px] mobile:pt-[39px]">
     <row-search />
     <router-view></router-view>
   </div>
diff --git a/src/pages/VNFT/centerContent.vue b/src/pages/VNFT/centerContent.vue
index 08e615e..c399ba6 100644
--- a/src/pages/VNFT/centerContent.vue
+++ b/src/pages/VNFT/centerContent.vue
@@ -1,6 +1,6 @@
 <template>
   <div
-    class="tableBlock-tabs desktop:mt-[-435.5px] mobile:mt-[-51px] desktop:px-[120px] mobile:px-[20px]"
+    class="tableBlock-tabs mobile:mt-[-51px] desktop:px-[120px] mobile:px-[20px]"
   >
     <Cards
       :title="cardOptions.title"
diff --git a/src/pages/VNFT/index.vue b/src/pages/VNFT/index.vue
index f8384c5..4bee197 100644
--- a/src/pages/VNFT/index.vue
+++ b/src/pages/VNFT/index.vue
@@ -1,79 +1,13 @@
 <template>
-  <div class="bg-black">
-    <div class="bg-black desktop:pt-[76px] mobile:pt-[39px]">
-      <!-- pc端显示 -->
-      <div class="mobile:hidden">
-        <div class="flex flex-row px-[120px] justify-between items-center">
-          <div class="flex flex-1 justify-start items-center">
-            <img
-              :src="iconList.label"
-              class="w-[60px] h-[33px]"
-              @click="goBack"
-            />
-            <span
-              class="text-[34px] font-semibold text-white ml-[11.5px]"
-              @click="goBack"
-              >MetaForce Scan</span
-            >
-          </div>
-          <div class="flex flex-1 h-[52px] justify-end items-center">
-            <div class="flex flex-1 max-w-[554px]">
-              <el-input
-                v-model="input"
-                class="bg-black h-[52px] pl-[33px] text-[12px] rounded-[100px] overflow-hidden hp-input-wrapper"
-                placeholder="Search by Address/Token symbol/Name/Transaction hash/Bock number"
-                :prefix-icon="Search"
-                :input-style="{ background: '#262626' }"
-              />
-            </div>
-          </div>
-        </div>
-        <div
-          class="bg-home-page bg-cover bg-center bg-no-repeat w-[1440px] h-[535.5px]"
-        ></div>
-      </div>
-      <!-- 移动端显示 -->
-      <div class="desktop:hidden">
-        <div
-          class="bg-home-page bg-cover bg-center bg-no-repeat w-full h-[219px] pt-[25px]"
-        >
-          <div class="flex flex-1 justify-center items-center">
-            <img :src="iconList.label" class="w-[40px] h-[24px]" />
-            <span class="text-[24px] font-semibold text-white ml-[16px]"
-              >MetaForce Scan</span
-            >
-          </div>
-          <div
-            class="flex flex-1 h-[40px] justify-center items-center mt-[32px]"
-          >
-            <div class="flex flex-1 px-[20px]">
-              <el-input
-                v-model="input"
-                class="bg-black h-[40px] pl-[15.69px] text-[12px] rounded-[100px] overflow-hidden hp-input-wrapper"
-                placeholder="Search by Address/Token symbol/Name/Transaction hash/Bock number"
-                :prefix-icon="Search"
-                :input-style="{ background: '#262626' }"
-              />
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
+  <div class="desktop:pt-[76px] mobile:pt-[39px]">
+    <row-search />
     <center-content />
   </div>
 </template>
 
 <script setup lang="ts">
-import { Search } from '@element-plus/icons-vue'
-import router from '@src/routes'
-import { ref } from 'vue'
-import * as iconList from '../../assets/Icons/index'
-
+import RowSearch from '@src/components/row-search.vue'
 import centerContent from './centerContent.vue'
-
-const input = ref()
-
-const goBack = () => router.back()
 </script>
 
 <style scoped></style>