fave3722
/
metaforce-scan
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

背景调整

master
fave3722 3 years ago
parent
0913dc7232
commit
0557b78051
13 changed files with 24 additions and 154 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 3
      components.d.ts
  2. 2
      src/App.vue
  3. 4
      src/components/row-search.vue
  4. 2
      src/pages/BitcNFt/centerContent.vue
  5. 74
      src/pages/BitcNFt/index.vue
  6. 9
      src/pages/HomePage/index.vue
  7. 2
      src/pages/TableBlock/Block/details.vue
  8. 2
      src/pages/TableBlock/Tabs.vue
  9. 2
      src/pages/TableBlock/Tokens/details.vue
  10. 2
      src/pages/TableBlock/Transactions/details.vue
  11. 2
      src/pages/TableBlock/index.vue
  12. 2
      src/pages/VNFT/centerContent.vue
  13. 72
      src/pages/VNFT/index.vue

3
components.d.ts
View File

@ -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']

2
src/App.vue
View File

@ -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 /> -->

4
src/components/row-search.vue
View File

@ -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>
<!-- 移动端显示 -->

2
src/pages/BitcNFt/centerContent.vue
View File

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

74
src/pages/BitcNFt/index.vue
View File

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

9
src/pages/HomePage/index.vue
View File

@ -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]"

2
src/pages/TableBlock/Block/details.vue
View File

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

2
src/pages/TableBlock/Tabs.vue
View File

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

2
src/pages/TableBlock/Tokens/details.vue
View File

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

2
src/pages/TableBlock/Transactions/details.vue
View File

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

2
src/pages/TableBlock/index.vue
View File

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

2
src/pages/VNFT/centerContent.vue
View File

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

72
src/pages/VNFT/index.vue
View File

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

Write Preview
Loading…
Cancel
Save