Commit ec7f24b3 authored by Zhang Xiaojie's avatar Zhang Xiaojie

pc首页布局

parent c1aadae3
...@@ -2,30 +2,30 @@ ...@@ -2,30 +2,30 @@
<div> <div>
<div <div
class="md:hidden fixed w-full flex flex-row py-4 px-2" class="md:hidden fixed w-full flex flex-row py-4 px-2"
:style="bgTransparent ? styleClasses.transHeaderBg : styleClasses.blurHeaderBg" :style="bgTransparent ? styleClass.transHeaderBg : styleClass.blurHeaderBg"
> >
<svg-icon iconClass="menu" class="text-black absolute w-6 h-6" @clickSvg="handleClick" /> <svg-icon iconClass="menu" class="text-black absolute w-6 h-6" @clickSvg="handleClick" />
<img src="@/assets/logo.png" class="w-20 mx-auto" /> <img src="@/assets/logo.png" class="w-20 mx-auto" />
</div> </div>
<!-- <div class="md:hidden h-screen w-1/2 bg-blue-50 absolute">11</div> --> <!-- <div class="md:hidden h-screen w-1/2 bg-blue-50 absolute">11</div> -->
<div class="hidden md:block w-full fixed"> <div class="hidden md:block w-full fixed" @mouseleave="handleHover($event)">
<div <div
class="w-bodySet mx-auto px-10 py-3 flex-row justify-between flex" class="w-bodySet mx-auto px-10 py-3 flex-row justify-between flex relative z-20"
:style="bgTransparent ? styleClasses.transHeaderBg : styleClasses.blurHeaderBg" :style="bgTransparent ? styleClass.transHeaderBg : styleClass.blurHeaderBg"
> >
<img src="@/assets/logo.png" class="w-20 h-6" /> <img src="@/assets/logo.png" class="w-20 h-6" />
<div class="text-sm text-gray-500 font-medium flex flex-row items-center"> <div class="text-sm text-gray-500 font-medium flex flex-row items-center">
<div class="pr-14 hover:text-mainBlue cursor-pointer" @click="handleClick">首页</div> <div class="pr-14 hover:text-mainBlue cursor-pointer" @click="handleClick">首页</div>
<div <div
class="flex items-center pr-12 hover:text-mainBlue cursor-pointer" class="flex items-center pr-12 hover:text-mainBlue cursor-pointer"
@mouseenter="handleHover($event)" @mouseenter="handleHover($event,NAV_EVENT.NAV1)"
> >
存证溯源 存证溯源
<svg-icon iconClass="arrowDown" class="w-3 h-3" /> <svg-icon iconClass="arrowDown" class="w-3 h-3" />
</div> </div>
<div <div
class="flex items-center pr-12 cursor-pointer hover:text-mainBlue" class="flex items-center pr-12 cursor-pointer hover:text-mainBlue"
@mouseenter="handleHover($event)" @mouseenter="handleHover($event,NAV_EVENT.NAV2)"
> >
解决方案 解决方案
<svg-icon iconClass="arrowDown" class="w-3 h-3 hover:text-mainBlue" /> <svg-icon iconClass="arrowDown" class="w-3 h-3 hover:text-mainBlue" />
...@@ -34,15 +34,13 @@ ...@@ -34,15 +34,13 @@
<MainButton text="登录平台" @handleClick="handleBtnClick($event)" /> <MainButton text="登录平台" @handleClick="handleBtnClick($event)" />
</div> </div>
</div> </div>
</div> <div
<div :class="hovering ? ' bg-white pt-12 h-72' : ' h-0 overflow-hidden'"
:class="hovering ? ' h-52 pt-12' : 'h-0 overflow-hidden'" class="transition-all ease-in-out duration-1000 absolute top-0 w-full z-10"
class="transition-all ease-in-out duration-1000" >
@mouseleave="handleHover($event)" <!-- <div class="h-px bg-gray-200"></div> -->
> <div class="w-bodySet mx-auto pt-5 pb-10">
<div class="w-bodySet mx-auto"> <hoverBar :data="list" />
<div class="w-10/12 bg-gray-300 mx-auto">
<banner-card :data="state.list" />
</div> </div>
</div> </div>
</div> </div>
...@@ -51,13 +49,24 @@ ...@@ -51,13 +49,24 @@
<script setup lang="ts"> <script setup lang="ts">
import styleClass from '@/assets/style/style.module.css' import styleClass from '@/assets/style/style.module.css'
import { ref, withDefaults, defineProps, reactive } from 'vue'; import { ref, withDefaults, defineProps, reactive, computed } from 'vue';
import MainButton from "@/components/mainButton.vue" import MainButton from "@/components/mainButton.vue"
import BannerCard from '@/components/bannerCard.vue'; import hoverBar from '@/components/hoverBar.vue';
import { debounce } from "lodash"; import { debounce } from "lodash";
import { provennanceList } from '@/context/provenance';
import { solutionList } from '@/context/solution';
const props = withDefaults(defineProps<
{ bgTransparent?: boolean }
>(), {
bgTransparent: true
})
const styleClasses = ref(styleClass)
enum NAV_EVENT{
NAV1="PROVE",
NAV2="SOLUTION"
}
const handleClick = () => { const handleClick = () => {
console.log(1); console.log(1);
...@@ -68,25 +77,27 @@ const handleBtnClick = (e: Event) => { ...@@ -68,25 +77,27 @@ const handleBtnClick = (e: Event) => {
} }
let currentNav = ref()
const list = computed(()=>{
return !currentNav.value ? undefined : currentNav.value == NAV_EVENT.NAV1 ? provennanceList: solutionList
})
/* handleHover */
let hovering = ref(false) let hovering = ref(false)
let state = reactive({} as { list: any })
const handleHover = (e: Event) => { const handleHover = (e: Event,type?:NAV_EVENT) => {
if (e.type === 'mouseenter') { if (e.type === 'mouseenter') {
hovering.value = true hovering.value = true
currentNav.value = type
} }
else if (e.type === 'mouseleave') { else if (e.type === 'mouseleave') {
console.log('out'); console.log('out');
hovering.value = false hovering.value = false
currentNav.value = undefined
} }
console.log(hovering.value);
} }
const props = withDefaults(defineProps<
{ bgTransparent?: boolean }
>(), {
bgTransparent: true
})
</script> </script>
<template>
<div>{{ props.data }}</div>
</template>
<script setup lang="ts">
import { withDefaults, defineProps } from 'vue';
const props = withDefaults(defineProps<{
data: any
}>(), {
})
</script>
\ No newline at end of file
<template>
<div class="flex flex-row w-10/12 mx-auto justify-between cursor-default">
<div
v-for="item in props.data"
:key="item.id"
class="w-1/4"
:class="props.data!.length == 1 ? 'w-full' : 'w-1/4'"
>
<div class="text-base font-medium pl-3">{{ item.title }}</div>
<div class="flex" :class="props.data!.length == 1 ? 'flex-row' : 'flex-col'">
<div
v-for="child in item.children"
:key="child.id"
class="flex flex-row hover:bg-gray-200 mt-5 p-3 mr-5 cursor-pointer"
@click="goToWeb(child.product)"
>
<svg-icon :iconClass="child.icon" class="w-10 h-10 pr-2" />
<div class="flex flex-col">
<div class="text-sm font-medium">{{ child.product }}</div>
<div class="text-xs text-gray-400">{{ child.detail }}</div>
</div>
</div>
</div>
</div>
</div>
</template>
<script setup lang="ts">
import { withDefaults, defineProps,defineEmits } from 'vue';
import SvgIcon from './svgIcon.vue';
interface item {
id: number,
title: string,
children: Array<{ id: number, product: string, detail: string, icon: string }>
}
const props = withDefaults(defineProps<{
data?: item[]
}>(), {
})
const goToWeb = (url:string)=>{
console.log(url);
}
</script>
\ No newline at end of file
export const provennanceList = [
{
id:1,
title: '溯源系统',
children: [
{
id: 11,
product: '存证系统',
detail: '创建流程简单易懂,适合微型企业',
icon: 'cunzhengxitong'
},
{
id: 12,
product: '企业版溯源',
detail: '终端管理、用户协同、企业协同',
icon: 'qiyesuyuan'
}
]
},
{
id:2,
title: '数字资产',
children: [
{
id: 21,
product: '通正版商城',
detail: '商品生产周期资产化、交易资产',
icon: 'tongzhengshangcheng'
},
{
id: 22,
product: '资产数字化',
detail: 'NFT/FT资产拆分、合并、交易',
icon: 'zichanshuzihua'
}
]
},
{
id:3,
title: '接口溯源',
children: [
{
id: 31,
product: '存证服务',
detail: '无需人工录入数据,通过SDK接口自动上链',
icon: 'cunzhengfuwu'
}
]
},
{
id:4,
title: '区块链查询',
children: [
{
id: 41,
product: '验证查询',
detail: '查询商品hash是否在区块链上存证',
icon: 'yanzhengchaxun'
}
]
},
]
\ No newline at end of file
export const solutionList =[
{
id:1,
title: '解决方案',
children: [
{
id: 11,
product: '食品安全',
detail: '创建流程简单易懂,适合微型企业',
icon: 'shipinanquan'
},
{
id: 12,
product: '医疗溯源',
detail: '商品生产周期资产化、交易资产',
icon: 'yiliaosuyuan'
},
{
id: 13,
product: '公益慈善',
detail: '无需人工录入数据,通过SDK接口自动上链',
icon: 'gongyicishan'
},
{
id: 14,
product: '远程团队',
detail: '查询商品hash是否在区块链上存证',
icon: 'yuanchengtuandui'
}
]
},
]
\ No newline at end of file
This diff is collapsed.
<?xml version="1.0" encoding="UTF-8"?>
<svg width="39px" height="39px" viewBox="0 0 39 39" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>首页备份 15</title>
<defs>
<polygon id="path-1" points="18.6314688 9.86329461 28.8157344 6.04024477 39 9.86329461 29.0476485 14.3533506"></polygon>
<filter x="-9.8%" y="-24.1%" width="119.6%" height="148.1%" filterUnits="objectBoundingBox" id="filter-2">
<feGaussianBlur stdDeviation="1.5" in="SourceAlpha" result="shadowBlurInner1"></feGaussianBlur>
<feOffset dx="0" dy="1" in="shadowBlurInner1" result="shadowOffsetInner1"></feOffset>
<feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite>
<feColorMatrix values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
</filter>
<filter x="-119.2%" y="-347.9%" width="338.5%" height="795.9%" filterUnits="objectBoundingBox" id="filter-3">
<feGaussianBlur stdDeviation="5" in="SourceGraphic"></feGaussianBlur>
</filter>
<polygon id="path-4" points="18.6314688 9.86329461 28.9552449 14.0018463 28.9552449 27 18.6314688 21.8270916"></polygon>
<filter x="-19.4%" y="-11.7%" width="138.7%" height="123.3%" filterUnits="objectBoundingBox" id="filter-5">
<feGaussianBlur stdDeviation="1.5" in="SourceAlpha" result="shadowBlurInner1"></feGaussianBlur>
<feOffset dx="0" dy="1" in="shadowBlurInner1" result="shadowOffsetInner1"></feOffset>
<feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite>
<feColorMatrix values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
</filter>
<polygon id="path-6" points="28.9552449 9.86329461 39 14.0018463 39 27 28.9552449 21.8270916"></polygon>
<filter x="-19.9%" y="-11.7%" width="139.8%" height="123.3%" filterUnits="objectBoundingBox" id="filter-7">
<feGaussianBlur stdDeviation="1.5" in="SourceAlpha" result="shadowBlurInner1"></feGaussianBlur>
<feOffset dx="0" dy="1" in="shadowBlurInner1" result="shadowOffsetInner1"></feOffset>
<feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite>
<feColorMatrix values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
</filter>
<filter x="-69.4%" y="-56.7%" width="238.8%" height="213.4%" filterUnits="objectBoundingBox" id="filter-8">
<feGaussianBlur stdDeviation="3" in="SourceGraphic"></feGaussianBlur>
</filter>
</defs>
<g id="首页-菜单" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="数字资产备份" transform="translate(-239.000000, -724.000000)">
<g id="编组-3" transform="translate(239.000000, 731.000000)">
<polygon id="路径-35" fill="#5159FF" points="0 4.98234761 11.9516129 1.45683922e-13 23.9032258 4.98234761 12.2237727 10.2515946"></polygon>
<polygon id="路径-36" fill="#464EFC" points="0 4.98234761 12.1153336 9.83909124 12.1153336 25.0929061 0 19.0223065"></polygon>
<polygon id="路径-36" fill="#2C35FF" transform="translate(18.009280, 15.037627) scale(-1, 1) translate(-18.009280, -15.037627) " points="12.1153336 4.98234761 23.9032258 9.83909124 23.9032258 25.0929061 12.1153336 19.0223065"></polygon>
<g id="路径-35备份">
<use fill="#D6F4FF" fill-rule="evenodd" xlink:href="#path-1"></use>
<use fill="black" fill-opacity="1" filter="url(#filter-2)" xlink:href="#path-1"></use>
</g>
<path d="M24.2169677,11.9428409 L24.2169677,16.2538409 L18.8709677,13.949642 L24.2169677,11.9428409 Z M29.8789677,13.3588409 L31.4516129,13.949642 L29.8789677,14.6578409 L29.8789677,13.3588409 Z" id="形状结合" fill="#2C35FF" filter="url(#filter-3)"></path>
<g id="路径-36备份" opacity="0.955259051">
<use fill="#D6F4FF" fill-rule="evenodd" xlink:href="#path-4"></use>
<use fill="black" fill-opacity="1" filter="url(#filter-5)" xlink:href="#path-4"></use>
</g>
<g id="路径-36备份-2" transform="translate(33.977622, 18.431647) scale(-1, 1) translate(-33.977622, -18.431647) ">
<use fill="#D6F4FF" fill-rule="evenodd" xlink:href="#path-6"></use>
<use fill="black" fill-opacity="1" filter="url(#filter-7)" xlink:href="#path-6"></use>
</g>
<polygon id="路径-36备份" fill="#2C35FF" opacity="0.616917928" filter="url(#filter-8)" points="14.9471568 12.2487561 24.4412121 7.59001826 24.4412121 18.4316473 11.4754386 23.4587567"></polygon>
</g>
</g>
</g>
</svg>
\ No newline at end of file
<?xml version="1.0" encoding="UTF-8"?>
<svg width="39px" height="39px" viewBox="0 0 39 39" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>首页备份 3</title>
<defs>
<path d="M26,0 C33.1797017,0 39,5.82029825 39,13 C39,20.1797017 33.1797017,26 26,26 C18.8202983,26 13,20.1797017 13,13 C13,5.82029825 18.8202983,0 26,0 Z M26,7.15 C22.7691342,7.15 20.15,9.76913421 20.15,13 C20.15,16.2308658 22.7691342,18.85 26,18.85 C29.2308658,18.85 31.85,16.2308658 31.85,13 C31.85,9.76913421 29.2308658,7.15 26,7.15 Z" id="path-1"></path>
<filter x="-7.7%" y="-7.7%" width="115.4%" height="115.4%" filterUnits="objectBoundingBox" id="filter-2">
<feGaussianBlur stdDeviation="1.5" in="SourceAlpha" result="shadowBlurInner1"></feGaussianBlur>
<feOffset dx="0" dy="1" in="shadowBlurInner1" result="shadowOffsetInner1"></feOffset>
<feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite>
<feColorMatrix values="0 0 0 0 0.925995022 0 0 0 0 0.979055195 0 0 0 0 1 0 0 0 1 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
</filter>
<filter x="-75.0%" y="-33.3%" width="250.0%" height="166.7%" filterUnits="objectBoundingBox" id="filter-3">
<feGaussianBlur stdDeviation="2" in="SourceGraphic"></feGaussianBlur>
</filter>
</defs>
<g id="首页-菜单" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="数字资产备份" transform="translate(-73.000000, -724.000000)">
<g id="编组-10" transform="translate(73.000000, 730.000000)">
<circle id="椭圆形" fill="#2B37FF" cx="13" cy="13" r="13"></circle>
<g id="形状结合">
<use fill="#CAF0FF" fill-rule="evenodd" xlink:href="#path-1"></use>
<use fill="black" fill-opacity="1" filter="url(#filter-2)" xlink:href="#path-1"></use>
</g>
<path d="M19.0707401,4.00053305 C20.2055087,4.68674137 21.1998945,5.58316408 22.000416,6.63610786 C19.4599633,7.62498611 17.659898,10.1014459 17.659898,13 C17.659898,15.8985541 19.4599633,18.3750139 21.9990067,19.3640866 C21.1996606,20.4171436 20.2049277,21.3137824 19.0697455,22.0000684 C16.0316741,20.1626158 14,16.8195098 14,13 C14,9.19799942 16.0130898,5.86804484 19.0275267,4.02588913 Z" id="形状结合" fill="#3F79FE" opacity="0.812364851" filter="url(#filter-3)"></path>
</g>
</g>
</g>
</svg>
\ No newline at end of file
<?xml version="1.0" encoding="UTF-8"?>
<svg width="39px" height="39px" viewBox="0 0 39 39" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>首页备份 18</title>
<defs>
<path d="M11.9934123,4.80811501 C8.88704719,-2.82136654 0.058384389,-1.04070459 0,7.81315065 C-0.0347801961,12.9240491 10.887449,21.011809 12.0115764,22 C13.1052349,21.1427886 24.0330306,12.8374288 24,7.75920028 C23.9422098,-1.11533594 14.9573937,-2.51624722 11.9934123,4.80811501 L11.9934123,4.80811501 L11.9934123,4.80811501 Z" id="path-1"></path>
<filter x="-6.3%" y="-6.8%" width="112.5%" height="113.6%" filterUnits="objectBoundingBox" id="filter-2">
<feGaussianBlur stdDeviation="1" in="SourceAlpha" result="shadowBlurInner1"></feGaussianBlur>
<feOffset dx="0" dy="1" in="shadowBlurInner1" result="shadowOffsetInner1"></feOffset>
<feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite>
<feColorMatrix values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
</filter>
<filter x="-90.0%" y="-64.3%" width="280.0%" height="228.6%" filterUnits="objectBoundingBox" id="filter-3">
<feGaussianBlur stdDeviation="3" in="SourceGraphic"></feGaussianBlur>
</filter>
</defs>
<g id="首页-菜单" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="数字资产备份" transform="translate(-239.000000, -649.000000)">
<g id="编组-3" transform="translate(239.000000, 658.000000)">
<g id="gongyizhongxin备份" fill="#464EFC" fill-rule="nonzero">
<path d="M11.9934123,4.80811501 C8.88704719,-2.82136654 0.058384389,-1.04070459 0,7.81315065 C-0.0347801961,12.9240491 10.887449,21.011809 12.0115764,22 C13.1052349,21.1427886 24.0330306,12.8374288 24,7.75920028 C23.9422098,-1.11533594 14.9573937,-2.51624722 11.9934123,4.80811501 L11.9934123,4.80811501 L11.9934123,4.80811501 Z" id="路径"></path>
</g>
<g id="gongyizhongxin" transform="translate(14.000000, 1.000000)" fill-rule="nonzero">
<g id="路径">
<use fill="#D6F2FF" xlink:href="#path-1"></use>
<use fill="black" fill-opacity="1" filter="url(#filter-2)" xlink:href="#path-1"></use>
</g>
</g>
<polygon id="路径-48" fill="#464EFC" opacity="0.605572655" filter="url(#filter-3)" points="14 10.4533035 14 6.61772479 17.1636612 3 20.9731874 3 22.8059701 4.52163388 24 6.61772479 23.3165733 10.4533035 20.9731874 14.5789485 18.6268657 17 14.9095912 14.0059989"></polygon>
</g>
</g>
</g>
</svg>
\ No newline at end of file
<?xml version="1.0" encoding="UTF-8"?>
<svg width="39px" height="39px" viewBox="0 0 39 39" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>首页备份 12</title>
<defs>
<polygon id="path-1" points="15.9874971 11.762867 21.7222403 8.84912494 31.3522849 12.5258659 26.2436099 16.4773685"></polygon>
<filter x="-13.0%" y="-26.2%" width="126.0%" height="152.4%" filterUnits="objectBoundingBox" id="filter-2">
<feGaussianBlur stdDeviation="1.5" in="SourceAlpha" result="shadowBlurInner1"></feGaussianBlur>
<feOffset dx="0" dy="1" in="shadowBlurInner1" result="shadowOffsetInner1"></feOffset>
<feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite>
<feColorMatrix values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
</filter>
<polygon id="path-3" points="15.9874971 11.762867 26.2436099 16.4773685 26.2436099 36.8491249 15.9874971 30.0679726"></polygon>
<filter x="-19.5%" y="-8.0%" width="139.0%" height="115.9%" filterUnits="objectBoundingBox" id="filter-4">
<feGaussianBlur stdDeviation="1.5" in="SourceAlpha" result="shadowBlurInner1"></feGaussianBlur>
<feOffset dx="0" dy="1" in="shadowBlurInner1" result="shadowOffsetInner1"></feOffset>
<feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite>
<feColorMatrix values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
</filter>
<polygon id="path-5" points="26.2436099 12.5258659 31.3522849 16.5588968 31.3522849 36.4521948 26.2436099 31.0632283"></polygon>
<filter x="-39.1%" y="-8.4%" width="178.3%" height="116.7%" filterUnits="objectBoundingBox" id="filter-6">
<feGaussianBlur stdDeviation="1.5" in="SourceAlpha" result="shadowBlurInner1"></feGaussianBlur>
<feOffset dx="0" dy="1" in="shadowBlurInner1" result="shadowOffsetInner1"></feOffset>
<feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite>
<feColorMatrix values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
</filter>
<filter x="-69.4%" y="-56.7%" width="238.8%" height="213.4%" filterUnits="objectBoundingBox" id="filter-7">
<feGaussianBlur stdDeviation="3" in="SourceGraphic"></feGaussianBlur>
</filter>
</defs>
<g id="首页-菜单" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="数字资产备份" transform="translate(-73.000000, -793.000000)">
<g id="编组-11" transform="translate(77.000000, 794.150875)">
<polygon id="路径-35" fill="#5159FF" points="0 3.83147255 7.63790342 0 20.1153336 3.83147255 12.1153336 8.77094598"></polygon>
<polygon id="路径-36" fill="#464EFC" points="0 3.83147255 12.1153336 8.77094598 12.1153336 31.942031 0 25.8714314"></polygon>
<polygon id="路径-36" fill="#2C35FF" transform="translate(16.115334, 17.895578) scale(-1, 1) translate(-16.115334, -17.895578) " points="12.1153336 3.84912494 20.1153336 8.70586858 20.1153336 31.942031 12.1153336 25.8714314"></polygon>
<g id="路径-35备份">
<use fill="#D6F4FF" fill-rule="evenodd" xlink:href="#path-1"></use>
<use fill="black" fill-opacity="1" filter="url(#filter-2)" xlink:href="#path-1"></use>
</g>
<g id="路径-36备份" opacity="0.955259051">
<use fill="#D6F4FF" fill-rule="evenodd" xlink:href="#path-3"></use>
<use fill="black" fill-opacity="1" filter="url(#filter-4)" xlink:href="#path-3"></use>
</g>
<g id="路径-36备份-2" transform="translate(28.797947, 24.489030) scale(-1, 1) translate(-28.797947, -24.489030) ">
<use fill="#D6F4FF" fill-rule="evenodd" xlink:href="#path-5"></use>
<use fill="black" fill-opacity="1" filter="url(#filter-6)" xlink:href="#path-5"></use>
</g>
<polygon id="路径-36备份" fill="#2C35FF" opacity="0.616917928" filter="url(#filter-7)" points="12.9471568 19.0978811 22.4412121 14.4391432 22.4412121 25.2807722 9.4754386 30.3078817"></polygon>
</g>
</g>
</g>
</svg>
\ No newline at end of file
This diff is collapsed.
<?xml version="1.0" encoding="UTF-8"?>
<svg width="39px" height="39px" viewBox="0 0 39 39" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>首页备份 13</title>
<defs>
<polygon id="path-1" points="24.2832244 24 24.2832244 5.05263158 32 5.05263158 32 0 9 0 9 5.05263158 16.7167756 5.05263158 16.7167756 24"></polygon>
<filter x="-8.7%" y="-8.3%" width="117.4%" height="116.7%" filterUnits="objectBoundingBox" id="filter-2">
<feGaussianBlur stdDeviation="1.5" in="SourceAlpha" result="shadowBlurInner1"></feGaussianBlur>
<feOffset dx="0" dy="1" in="shadowBlurInner1" result="shadowOffsetInner1"></feOffset>
<feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite>
<feColorMatrix values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.5 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
</filter>
<filter x="-200.0%" y="-200.0%" width="500.0%" height="500.0%" filterUnits="objectBoundingBox" id="filter-3">
<feGaussianBlur stdDeviation="2" in="SourceGraphic"></feGaussianBlur>
</filter>
<filter x="-200.0%" y="-150.0%" width="500.0%" height="400.0%" filterUnits="objectBoundingBox" id="filter-4">
<feGaussianBlur stdDeviation="2" in="SourceGraphic"></feGaussianBlur>
</filter>
</defs>
<g id="首页-菜单" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="数字资产备份" transform="translate(-154.000000, -793.000000)">
<g id="编组" transform="translate(158.000000, 801.000000)">
<polygon id="路径" fill="#2B37FF" fill-rule="nonzero" points="7.71875 24 7.71875 14.1937244 17.3544643 14.1937244 17.3544643 9.3478854 7.71875 9.3478854 7.71875 5.1568895 19 5.1568895 19 0 0 0 0 24"></polygon>
<g id="路径" fill-rule="nonzero">
<use fill="#D3F1FC" xlink:href="#path-1"></use>
<use fill="black" fill-opacity="1" filter="url(#filter-2)" xlink:href="#path-1"></use>
</g>
<rect id="矩形" fill="#2B37FF" filter="url(#filter-3)" x="10" y="1" width="3" height="3"></rect>
<rect id="矩形备份-3" fill="#2B37FF" filter="url(#filter-4)" x="15" y="10" width="3" height="4"></rect>
</g>
</g>
</g>
</svg>
\ No newline at end of file
<?xml version="1.0" encoding="UTF-8"?>
<svg width="39px" height="39px" viewBox="0 0 39 39" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>首页备份 16</title>
<defs>
<path d="M15.3576238,16.0571741 L22.8576238,16.0571741 L30.3576238,16.0571741 C31.4621933,16.0571741 32.3576238,16.9526046 32.3576238,18.0571741 L32.3576238,24.0571741 C32.3576238,25.1617436 31.4621933,26.0571741 30.3576238,26.0571741 L15.3576238,26.0571741 C14.2530543,26.0571741 13.3576238,25.1617436 13.3576238,24.0571741 L13.3576238,18.0571741 C13.3576238,16.9526046 14.2530543,16.0571741 15.3576238,16.0571741 Z" id="path-1"></path>
<filter x="-10.5%" y="-20.0%" width="121.1%" height="140.0%" filterUnits="objectBoundingBox" id="filter-2">
<feGaussianBlur stdDeviation="1.5" in="SourceAlpha" result="shadowBlurInner1"></feGaussianBlur>
<feOffset dx="0" dy="1" in="shadowBlurInner1" result="shadowOffsetInner1"></feOffset>
<feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite>
<feColorMatrix values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.5 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
</filter>
<filter x="-20.8%" y="-23.1%" width="141.5%" height="146.2%" filterUnits="objectBoundingBox" id="filter-3">
<feGaussianBlur stdDeviation="1" in="SourceGraphic"></feGaussianBlur>
</filter>
</defs>
<g id="首页-菜单" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="数字资产备份" transform="translate(-316.000000, -724.000000)">
<g id="编组-4" transform="translate(319.000000, 728.000000)">
<path d="M13,0 C20.1797017,0 26,5.82029825 26,13 C26,20.1797017 20.1797017,26 13,26 C5.82029825,26 0,20.1797017 0,13 C0,5.82029825 5.82029825,0 13,0 Z M13,7.15 C9.76913421,7.15 7.15,9.76913421 7.15,13 C7.15,16.2308658 9.76913421,18.85 13,18.85 C16.2308658,18.85 18.85,16.2308658 18.85,13 C18.85,9.76913421 16.2308658,7.15 13,7.15 Z" id="形状结合备份" fill="#2B37FF"></path>
<g id="矩形" transform="translate(22.857624, 21.057174) rotate(38.000000) translate(-22.857624, -21.057174) ">
<use fill="#D6F4FF" fill-rule="evenodd" xlink:href="#path-1"></use>
<use fill="black" fill-opacity="1" filter="url(#filter-2)" xlink:href="#path-1"></use>
</g>
<path d="M25.6819989,16.0130885 C24.1769994,20.1431963 21.3644644,22.964575 17.2443936,24.4772246 C13.1243229,25.9898743 11.1237092,25.5286982 11.2425523,23.0936962 L12.0302044,18.8994402 L14.6908875,18.3682456 L18.4597767,13.3634796 L20.5077864,12.3466437 L24.5718172,12.3466437 L25.6819989,16.0130885 Z" id="路径-39" fill="#2B37FF" opacity="0.255907331" filter="url(#filter-3)"></path>
</g>
</g>
</g>
</svg>
\ No newline at end of file
<?xml version="1.0" encoding="UTF-8"?>
<svg width="39px" height="39px" viewBox="0 0 39 39" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>首页备份 19</title>
<defs>
<path d="M18.4397084,2.83043707 L9.49843615,0 L0.560144364,2.83043707 C0.224092212,2.93617606 -0.00292306286,3.24794512 2.84428356e-05,3.6005735 L2.84428356e-05,14.8663569 C0.0179404854,14.9428753 0.439433835,16.7973935 2.26698131,18.5932229 C3.67303543,19.9745158 7.04572736,21.7500393 8.51685588,22.5199281 C8.74660329,22.640525 8.85588854,22.6846036 8.95300339,22.7373492 L9.38939927,22.9547704 C9.50439716,23.0164308 9.71079727,23.0137069 9.82579516,22.9547704 L10.262191,22.7373492 C11.1228124,22.3171172 15.1055147,20.189213 16.729891,18.5932229 C18.5606673,16.7973935 18.9821607,14.9428753 18.9998995,14.8663569 L18.9998995,3.6005735 C19.005508,3.24794512 18.7757606,2.93617606 18.4397084,2.83043707 Z M9.64390082,21.2510953 L9.61990082,21.2390953 L9.67890082,21.2390953 C9.65590082,21.2510953 9.64390082,21.2510953 9.64390082,21.2510953 Z" id="path-1"></path>
<filter x="-10.5%" y="-8.7%" width="121.1%" height="117.4%" filterUnits="objectBoundingBox" id="filter-2">
<feGaussianBlur stdDeviation="1.5" in="SourceAlpha" result="shadowBlurInner1"></feGaussianBlur>
<feOffset dx="0" dy="1" in="shadowBlurInner1" result="shadowOffsetInner1"></feOffset>
<feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite>
<feColorMatrix values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.5 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
</filter>
<filter x="-229.1%" y="-80.0%" width="558.1%" height="260.0%" filterUnits="objectBoundingBox" id="filter-3">
<feGaussianBlur stdDeviation="4" in="SourceGraphic"></feGaussianBlur>
</filter>
</defs>
<g id="首页-菜单" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="数字资产备份" transform="translate(-155.000000, -651.000000)">
<g id="编组-9" transform="translate(156.000000, 659.000000)">
<g id="yiliao" fill="#2B37FF" fill-rule="nonzero">
<path d="M23.6253511,4.80013869 L18.5626755,4.80013869 L18.5626755,1.60050854 C18.5626755,0.719812765 17.8029231,0 16.8753511,0 L10.1253511,0 C9.19707688,0 8.43732446,0.720506227 8.43732446,1.60050854 L8.43732446,4.80013869 L3.37464891,4.80013869 C1.51810049,4.80013869 0,6.23976422 0,8.00046231 L0,20.8003698 C0,22.5610679 1.51810049,24 3.37464891,24 L23.6253511,24 C25.4811973,24 27,22.5610679 27,20.8003698 L27,8.00046231 C27,6.23976422 25.4811973,4.80013869 23.6253511,4.80013869 Z M10.1246489,1.60050854 L16.8753511,1.60050854 L16.8753511,4.80013869 L10.1246489,4.80013869 L10.1246489,1.60050854 Z M20.25,16.0002312 L15.1873245,16.0002312 L15.1873245,20.8003698 L11.8126755,20.8003698 L11.8126755,16.0002312 L6.75,16.0002312 L6.75,12.800601 L11.8126755,12.800601 L11.8126755,8.00046231 L15.1873245,8.00046231 L15.1873245,12.800601 L20.25,12.800601 L20.25,16.0002312 Z" id="形状"></path>
</g>
<g id="quanxian" transform="translate(18.000000, 3.000000)" fill-rule="nonzero">
<g id="形状">
<use fill="#D3F1FC" xlink:href="#path-1"></use>
<use fill="black" fill-opacity="1" filter="url(#filter-2)" xlink:href="#path-1"></use>
</g>
</g>
<path d="M20.4376222,7.58618207 L25.2385539,6 L25.2385539,20.1232007 C24.0230802,20.7077336 23.222925,21 22.838088,21 C22.4532511,21 21.5072312,19.8003524 20.0000284,17.4010572 L20.4376222,7.58618207 Z" id="路径-47" fill="#2B37FF" opacity="0.673104422" filter="url(#filter-3)"></path>
</g>
</g>
</g>
</svg>
\ No newline at end of file
<?xml version="1.0" encoding="UTF-8"?>
<svg width="39px" height="39px" viewBox="0 0 39 39" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>首页备份 17</title>
<defs>
<path d="M15.3576238,16.0571741 L22.8576238,16.0571741 L30.3576238,16.0571741 C31.4621933,16.0571741 32.3576238,16.9526046 32.3576238,18.0571741 L32.3576238,24.0571741 C32.3576238,25.1617436 31.4621933,26.0571741 30.3576238,26.0571741 L15.3576238,26.0571741 C14.2530543,26.0571741 13.3576238,25.1617436 13.3576238,24.0571741 L13.3576238,18.0571741 C13.3576238,16.9526046 14.2530543,16.0571741 15.3576238,16.0571741 Z" id="path-1"></path>
<filter x="-10.5%" y="-20.0%" width="121.1%" height="140.0%" filterUnits="objectBoundingBox" id="filter-2">
<feGaussianBlur stdDeviation="1.5" in="SourceAlpha" result="shadowBlurInner1"></feGaussianBlur>
<feOffset dx="0" dy="1" in="shadowBlurInner1" result="shadowOffsetInner1"></feOffset>
<feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite>
<feColorMatrix values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.5 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
</filter>
<filter x="-20.8%" y="-23.1%" width="141.5%" height="146.2%" filterUnits="objectBoundingBox" id="filter-3">
<feGaussianBlur stdDeviation="1" in="SourceGraphic"></feGaussianBlur>
</filter>
</defs>
<g id="首页-菜单" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="数字资产备份" transform="translate(-316.000000, -649.000000)">
<g id="编组-4" transform="translate(320.000000, 654.000000)">
<path d="M13,0 C20.1797017,0 26,5.82029825 26,13 C26,20.1797017 20.1797017,26 13,26 C5.82029825,26 0,20.1797017 0,13 C0,5.82029825 5.82029825,0 13,0 Z M13,7.15 C9.76913421,7.15 7.15,9.76913421 7.15,13 C7.15,16.2308658 9.76913421,18.85 13,18.85 C16.2308658,18.85 18.85,16.2308658 18.85,13 C18.85,9.76913421 16.2308658,7.15 13,7.15 Z" id="形状结合备份" fill="#2B37FF"></path>
<g id="矩形" transform="translate(22.857624, 21.057174) rotate(38.000000) translate(-22.857624, -21.057174) ">
<use fill="#D6F4FF" fill-rule="evenodd" xlink:href="#path-1"></use>
<use fill="black" fill-opacity="1" filter="url(#filter-2)" xlink:href="#path-1"></use>
</g>
<path d="M25.6819989,16.0130885 C24.1769994,20.1431963 21.3644644,22.964575 17.2443936,24.4772246 C13.1243229,25.9898743 11.1237092,25.5286982 11.2425523,23.0936962 L12.0302044,18.8994402 L14.6908875,18.3682456 L18.4597767,13.3634796 L20.5077864,12.3466437 L24.5718172,12.3466437 L25.6819989,16.0130885 Z" id="路径-39" fill="#2B37FF" opacity="0.255907331" filter="url(#filter-3)"></path>
</g>
</g>
</g>
</svg>
\ No newline at end of file
<?xml version="1.0" encoding="UTF-8"?>
<svg width="39px" height="39px" viewBox="0 0 39 39" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>首页备份 14</title>
<defs>
<path d="M3.15124686,17.2970976 C3.9462555,17.7720317 4.89189734,17.9993215 5.94130874,17.9993215 L5.95637206,17.9993215 C7.71108164,17.9993215 9.37608079,17.151225 10.5011435,15.6802865 C11.611143,17.1519035 13.2761421,17.9830381 15.0157883,18 C16.7564388,17.9837165 18.4057052,17.1346023 19.5157046,15.680965 C20.6407674,17.1519035 22.3057665,18 24.0755394,18 C25.1554122,17.9837165 26.1157826,17.7387863 26.9104565,17.2652092 C29.4156543,15.7298153 30.6003008,12.4955145 29.7005184,9.50682246 L29.7005184,9.45763286 C29.6873567,9.39040088 29.6671581,9.32478299 29.6402651,9.26189219 L27.1056102,2.31937428 C26.6704476,0.898303803 25.4556744,0 23.9255757,0 L6.13612771,0 C4.63615562,0 3.48130097,0.88202037 3.06120166,2.25390125 L0.346456405,9.32634752 C0.331393081,9.37553712 0.316329758,9.42438748 0.301266435,9.48986054 C0.103706269,10.1519711 0.00222185163,10.8396822 0,11.5313984 C0.00100422917,13.93219 1.20138357,16.1538636 3.15124686,17.2970976 L3.15124686,17.2970976 Z" id="path-1"></path>
<filter x="-6.7%" y="-11.1%" width="113.3%" height="122.2%" filterUnits="objectBoundingBox" id="filter-2">
<feGaussianBlur stdDeviation="1.5" in="SourceAlpha" result="shadowBlurInner1"></feGaussianBlur>
<feOffset dx="0" dy="1" in="shadowBlurInner1" result="shadowOffsetInner1"></feOffset>
<feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite>
<feColorMatrix values="0 0 0 0 0.975633704 0 0 0 0 0.975633704 0 0 0 0 0.975633704 0 0 0 0.5 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
</filter>
<filter x="-20.7%" y="-66.7%" width="141.4%" height="233.3%" filterUnits="objectBoundingBox" id="filter-3">
<feGaussianBlur stdDeviation="2" in="SourceGraphic"></feGaussianBlur>
</filter>
</defs>
<g id="首页-菜单" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="数字资产备份" transform="translate(-154.000000, -723.000000)">
<g id="编组-2" transform="translate(158.000000, 727.000000)">
<g id="编组-3">
<path d="M27.85816,11.8245379 C27.7459357,11.8349613 27.6352643,11.8726578 27.5297366,11.9364041 C26.676619,12.5397686 25.752731,12.8232884 24.8249138,12.7664513 C23.042869,12.598652 21.6982691,11.9643706 20.3849154,10 C19.0875242,11.9917778 17.430124,13.0707274 15.7102317,13.098694 C13.9441496,13.0707275 12.2867494,12.2960539 10.9893582,10.3316833 C9.69298598,12.3223425 8.01860425,13.262578 6.25184282,13.262578 C5.17317416,13.262578 4.56353618,12.9029281 3.57860576,12.2395615 C3.54702005,12.211595 3.51611363,12.211595 3.50015096,12.1836284 L3.37584594,12.1008474 C3.29335269,12.0732476 3.2098516,12.0545633 3.12587738,12.0449143 C2.50027673,12.0449143 2,12.9577426 2,14.0646587 L2,24.8541544 C2,27.7033868 3.29773075,30 4.89229918,30 L26.1077008,29.9720335 C27.7039674,29.9446262 29,27.648013 29,24.8261879 L28.9840374,13.8437229 C28.9840374,12.7373661 28.483421,11.8245379 27.85816,11.8245379 L27.85816,11.8245379 Z" id="路径备份-2" fill="#2B37FF" fill-rule="nonzero"></path>
<g id="路径备份-3" fill-rule="nonzero">
<use fill="#D3F1FC" xlink:href="#path-1"></use>
<use fill="black" fill-opacity="1" filter="url(#filter-2)" xlink:href="#path-1"></use>
</g>
<polygon id="路径-38" fill="#2B37FF" opacity="0.211515154" filter="url(#filter-3)" points="1 14.5096473 1.90733553 17.6233463 1.90733553 19 28.2442085 18.4818267 30 12.4645803 21.6243852 10.7200204 15.5 10 9.06704196 10 6.60401691 10.3477881 1.51669945 12.9582619 1 14.1489292"></polygon>
</g>
<g id="编组-7" transform="translate(11.000000, 21.000000)">
<circle id="椭圆形" fill="#D3F1FC" cx="8" cy="1" r="1"></circle>
<circle id="椭圆形备份-3" fill="#D3F1FC" cx="1" cy="1" r="1"></circle>
<path d="M1,1 C1,2.87572235 2.56700338,4 4.5,4 C6.43299662,4 8,2.87572235 8,1" id="路径" stroke="#D3F1FC"></path>
</g>
</g>
</g>
</g>
</svg>
\ No newline at end of file
<template> <template>
<div class=" bg-blue-50 h-screen pt-20 md:min-w-bodySet mx-auto"> <div class=" bg-blue-50 h-screen pt-20 md:min-w-bodySet mx-auto">
home home
</div> </div>
</template> </template>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment