feat:new mobile page

f1226322 · Cassini · 233eec43 · f1226322 · f1226322 · f1226322
Commit f1226322 authored Jun 15, 2022 by Cassini
27 changed files
--- a/src/Layouts/MainPage/Footer.vue
+++ b/src/Layouts/MainPage/Footer.vue
 <template>
  <div>
-    <div class="md:hidden bg-footerBg w-full pt-12">
+    <div class="hidden bg-footerBg w-full pt-12">
      <div class="mx-auto pb-5">
        <div class=" px-10">
          <div class=" flex justify-between">
@@ -44,8 +44,8 @@
      </div>
    </div>

-    <div class="hidden md:block bg-footerBg w-full pt-12">
-      <div class="w-bodySet mx-auto pb-5 flex flex-row justify-between px-80">
+    <div class=" bg-footerBg w-full pt-12">
+      <div class="md:w-bodySet mx-auto pb-5 grid grid-cols-3 justify-items-center px-8 md:px-72">
        <!-- <div class="w-8/12 flex flex-row mx-auto justify-between">
          <div class="flex flex-col">
            <span :class="footerMainFontClass">支持</span>
@@ -77,12 +77,12 @@
          <span :class="footerSecondFontClass">总部地址：杭州市西湖区东部软件园6幢702</span>
        </div>
        <div class="flex flex-col ">
-          <span :class="footerMainFontClass">服务热线</span>
-          <span :class="footerMainFontClass">0571-8167-1366</span>
+          <span :class="footerMainFontClass" class=" text-center md:text-left">服务热线</span>
+          <span :class="footerMainFontClass" class=" text-center md:text-left">0571-8167-1366</span>
        </div>
-        <div class="flex flex-col ">
+        <div class="flex flex-col w-fit">
          <img src="@/assets/serviceQr.png" class="w-14 mx-auto mb-1" />
-          <span :class="footerSecondFontClass">客服二维码</span>
+          <span :class="footerSecondFontClass" class=" text-center">客服二维码</span>
        </div>
      </div>
      <div class="h-px bg-footerBorder"></div>
@@ -99,7 +99,7 @@ const footerMainFontClass = computed(() => {
 })

 const footerSecondFontClass = computed(() => {
-  return 'text-sm  text-footerSecondFont pb-3 cursor-pointer'
+  return 'text-sm  text-footerSecondFont pb-3 cursor-pointer '
 })

 </script>
\ No newline at end of file
--- a/src/Layouts/MainPage/Header.vue
+++ b/src/Layouts/MainPage/Header.vue
@@ -155,6 +155,11 @@ const list = computed(() => {
    }
    )
  }
+  // if(currentItem){
+  //   return currentItem[0].children?.filter(i=>{
+  //     return !i.hideInPc
+  //   })
+  // }
  return currentItem ? currentItem[0].children : undefined
 })


--- a/src/Layouts/MainPage/SideBar.vue
+++ b/src/Layouts/MainPage/SideBar.vue
 <template>
  <div
-    class="fixed right-1 md:right-0 top-40 bg-transparent md:bg-white md:rounded-l-lg md:px-3 shadow-sideBarShadow cursor-default z-50"
+    class="fixed right-1 md:right-0 top-40 bg-transparent md:bg-white rounded-x md:rounded-l-lg md:px-3 md:shadow-sideBarShadow cursor-default z-50"
  >
    <div class="hidden md:block divide-y divide-gray-200">
      <div
@@ -18,10 +18,10 @@
      <div
        v-for=" item in items "
        :key="item.id"
-        class="py-3 bg-sideBarBg px-3 rounded-xl"
+        class="py-3 bg-sideBarBg px-3 rounded-xl text-white"
        @touchend="handleTouchend(item.id)"
      >
-        <svg-icon :iconClass="item.icon" class="w-5 h-5 mx-auto" />
+        <svg-icon :iconClass="item.iconH5" class="w-5 h-5 mx-auto" />
      </div>
    </div>

@@ -55,12 +55,14 @@ const items = [
  {
    id: 2,
    header: '微信咨询',
-    icon: 'wechat'
+    icon: 'wechat',
+    iconH5:'wechatH5'
  },
  {
    id: 3,
    header: '电话咨询',
-    icon: 'tel'
+    icon: 'tel',
+    iconH5:'telH5'
  }
 ]


--- a/src/Layouts/MainPage/navCard.vue
+++ b/src/Layouts/MainPage/navCard.vue
@@ -19,7 +19,7 @@
 import { withDefaults, defineProps, defineEmits, computed } from 'vue';
 import { useRouter } from 'vue-router';

-interface child { id: string, product: string, detail: string, icon: string, route: string }
+interface child { id: string, product: string, detail?: string, icon?: string, route: string,hideInPc?:boolean }

 const props = withDefaults(defineProps<{
  data?: child[]

--- a/src/Layouts/Solutions/index.vue
+++ b/src/Layouts/Solutions/index.vue
 <template>
-  <div hidden md:block>
+  <div class="hidden md:block">
    <MainHeader theme="white" :opacity-bg="true" :is-fixed="show" :is-hovering="hovering" >
      <template #logo>
-        <svg-icon iconClass="logo3" width="84" height="24"/>
+        <svg-icon iconClass="logo3" width="84" height="24" class=" text-white"/>
      </template>
    </MainHeader>

@@ -24,7 +24,7 @@
    </slot>
    <MainFooter />
  </div>
-  <div md:hidden>
+  <div class="md:hidden">
    <div class="relative z-50">
      <MainHeader>
        <template #logo>

--- a/src/assets/serviceQr.png
+++ b/src/assets/serviceQr.png
--- a/src/assets/slgIntro.png
+++ b/src/assets/slgIntro.png
--- a/src/assets/tea.png
+++ b/src/assets/tea.png
--- a/src/assets/web3H5Bg.png
+++ b/src/assets/web3H5Bg.png
--- a/src/assets/web3PcBg.png
+++ b/src/assets/web3PcBg.png
--- a/src/components/svgIcon.vue
+++ b/src/components/svgIcon.vue
 <template>
-  <svg aria-hidden="true" @click="$emit('clickSvg')" class="overflow-hidden" :width="props.width" :height="props.height">
-    <use :xlink:href="symbolId" stroke="transparent" />
+  <svg aria-hidden="true" @click="$emit('clickSvg')" class=" fill-current" :width="props.width" :height="props.height">
+    <use :xlink:href="symbolId" />
  </svg>
 </template> 


--- a/src/context/header.ts
+++ b/src/context/header.ts
@@ -91,10 +91,22 @@ export const header = [
      },
      {
        id: '54',
-        product: '原创团队',
+        product: '版权保护',
        detail: '版权存证保护，杜绝盗版横行',
        icon: 'yuanchengtuandui',
        route: '/solutions/team'
+      },
+      {
+        id: '55',
+        product: '电子档案',
+        route: '/solutions/publicWelfare',
+        hideInPc:true
+      },
+      {
+        id: '56',
+        product: '电子合同',
+        route: '/solutions/team',
+        hideInPc:true
      }
    ]
  },

--- a/src/context/mail.ts
+++ b/src/context/mail.ts
 export const productCharacters = [
  {
    id: 1,
-    title: '商品数字化',
-    detail: '通过上链发行商品，形成数字权益证明，从而实现商品数字化。上链后货权清晰，商品真实且溯源可查，增强商品可信度和品牌知名度，实现贸易多元化发展。',
+    title: '实体经济版块',
+    detail: '为零售商、品牌商、各类企业做数字藏品发售；',
    icon: 'mail1'
  },
  {
    id: 2,
-    title: '防伪NFT',
-    detail: '商品拥有唯一的防伪NFT，可生成防伪证书。用户购买商品后，可以领取其唯一的防伪NFT，查看商品的链上信息，商品信息透明真实可溯源，避免假冒伪劣商品的出现，用户可放心购买。',
+    title: '文创艺术版块',
+    detail: '创意新颖、艺术品质高的艺术作品；',
    icon: 'mail2'
  },
  {
    id: 3,
-    title: '签名认证',
-    detail: '商品从生产到销售，各环节通过数字签名将信息签名上链存证，出现纠纷，可以快速锁定问题的环节。',
+    title: '公益版块',
+    detail: '儿童公益，为社会做贡献。',
    icon: 'mail3'
  },
 ]

+export const productSpecial = [
+  {
+    id: 1,
+    title: '商品数字化',
+    content: '将商品物权发行成区块链提货券，形成数字权益证明，防篡改强确权易流通，实现贸易多元化发展。',
+    icon: 'ps1'
+  },
+  {
+    id: 2,
+    title: '存证溯源+数字藏品',
+    content: '将商品、作品信息存证上链，发出对应的防伪数字凭证，由链上存证来保障信息的防篡改、可追溯，由防伪NFT数字凭证来确保与实物数量的1：1溯源映射，实现链上链下确权验真、加强防伪。',
+    icon: 'ps2'
+  },
+  {
+    id: 3,
+    title: '数字藏品',
+    content: '将防伪数字藏品凭证结合艺术作品发行出数字藏品，增强每个数字藏品的溯源与确权，同时以艺术的浪漫带动实物商品的销售。',
+    icon: 'ps3'
+  }
+]
+
+export const web3Future = [
+  {
+    id: 1,
+    title: '安全可信',
+    content: '上链购的区块链私钥由用户自己掌握，安全可信赖；',
+    icon: 'web3'
+  }, 
+  {
+    id: 2,
+    title: '简单易记',
+    content: '上链购将对接区块链域名系统，用户的区块链地址可与域名进行绑定，使繁杂的地址变得简单易记，成为WEB3.0的链上数字身份；',
+    icon: 'web3'
+  }, 
+  {
+    id: 2,
+    title: '确权身份',
+    content: '上链购将对接区块链社交平台，开通将数字藏品头像作为数字身份的确权头像，打通WEB3.0中的社交闭环。',
+    icon: 'web3'
+  },
+]
 export const advantageList = [
  {
    id: 1,

--- a/src/icons/mail1.svg
+++ b/src/icons/mail1.svg
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="53px" height="53px" viewBox="0 0 53 53" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>首页备份 23</title>
+<svg width="58px" height="44px" viewBox="0 0 58 44" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>编组 16备份 2</title>
    <defs>
-        <polygon id="path-1" points="0 5.47198638 14 0 28 5.47198638 14.3188052 11.8986683"></polygon>
-        <filter x="-7.1%" y="-16.8%" width="114.3%" height="133.6%" filterUnits="objectBoundingBox" id="filter-2">
+        <polygon id="path-1" points="0 5.36441742 13.9727273 0 27.9454545 5.36441742 14.2909114 11.6647629"></polygon>
+        <filter x="-7.2%" y="-17.1%" width="114.3%" height="134.3%" 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="-86.7%" y="-243.1%" width="273.5%" height="586.1%" filterUnits="objectBoundingBox" id="filter-3">
+        <filter x="-86.9%" y="-247.9%" width="273.8%" height="595.9%" filterUnits="objectBoundingBox" id="filter-3">
            <feGaussianBlur stdDeviation="5" in="SourceGraphic"></feGaussianBlur>
        </filter>
-        <polygon id="path-4" points="0 5.47198638 14.1917808 11.395555 14.1917808 30 0 22.5959416"></polygon>
-        <filter x="-14.1%" y="-8.2%" width="128.2%" height="116.3%" filterUnits="objectBoundingBox" id="filter-5">
+        <polygon id="path-4" points="0 5.36441742 14.1641345 11.1715399 14.1641345 29.4102564 0 22.1517479"></polygon>
+        <filter x="-14.1%" y="-8.3%" width="128.2%" height="116.6%" 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="14.1917808 5.47198638 28 11.395555 28 30 14.1917808 22.5959416"></polygon>
-        <filter x="-14.5%" y="-8.2%" width="129.0%" height="116.3%" filterUnits="objectBoundingBox" id="filter-7">
+        <polygon id="path-6" points="14.1641345 5.36441742 27.9454545 11.1715399 27.9454545 29.4102564 14.1641345 22.1517479"></polygon>
+        <filter x="-14.5%" y="-8.3%" width="129.0%" height="116.6%" 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="-46.2%" y="-31.6%" width="192.3%" height="163.2%" filterUnits="objectBoundingBox" id="filter-8">
+        <filter x="-44.5%" y="-31.6%" width="188.9%" height="163.2%" filterUnits="objectBoundingBox" id="filter-8">
            <feGaussianBlur stdDeviation="2" in="SourceGraphic"></feGaussianBlur>
        </filter>
-        <filter x="-50.0%" y="-60.0%" width="200.0%" height="220.0%" filterUnits="objectBoundingBox" id="filter-9">
+        <filter x="-47.9%" y="-57.5%" width="195.8%" height="215.0%" filterUnits="objectBoundingBox" id="filter-9">
            <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, -406.000000)">
-            <g id="编组-12" transform="translate(73.000000, 414.000000)">
-                <rect id="矩形" fill="#2E2DFF" x="0" y="1" width="38" height="29" rx="6"></rect>
-                <rect id="矩形" fill="#2E2DFF" x="2" y="32" width="35" height="5" rx="2.5"></rect>
-                <g id="编组-4" transform="translate(25.000000, 0.000000)">
+    <g id="H5版本" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="上链购" transform="translate(-300.000000, -1348.000000)">
+            <g id="编组-12" transform="translate(300.000000, 1355.000000)">
+                <rect id="矩形" fill="#2E2DFF" x="0" y="0.948717949" width="38.5454545" height="28.4615385" rx="6"></rect>
+                <rect id="矩形" fill="#2E2DFF" x="1.92727273" y="32.2564103" width="35.6545455" height="4.74358974" rx="2.37179487"></rect>
+                <g id="编组-4" transform="translate(25.054545, 0.000000)">
                    <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="M7.67923196,8.44847103 L7.67923196,14.619471 L0.329231965,11.3208343 L7.67923196,8.44847103 Z M15.461232,10.475471 L17.623462,11.3208343 L15.461232,12.336471 L15.461232,10.475471 Z" id="形状结合" fill="#2C35FF" filter="url(#filter-3)"></path>
+                    <path d="M7.6635906,8.28238998 L7.6635906,14.33239 L0.328590604,11.098288 L7.6635906,8.28238998 Z M15.4305906,10.26939 L17.5891306,11.098288 L15.4305906,12.09339 L15.4305906,10.26939 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(21.095890, 17.735993) scale(-1, 1) translate(-21.095890, -17.735993) ">
+                    <g id="路径-36备份-2" transform="translate(21.054795, 17.387337) scale(-1, 1) translate(-21.054795, -17.387337) ">
                        <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>
                </g>
-                <polygon id="路径-33" fill="#2D2CFF" opacity="0.403004964" filter="url(#filter-8)" points="25.9542491 7 35.6896879 11.6540173 38 12.5909897 37.940858 25.1707111 33.2228368 26 25 22.3653199 25 7"></polygon>
-                <polygon id="路径-34" fill="#2E2DFF" opacity="0.403004964" filter="url(#filter-9)" points="27 5.55086564 38.8203501 1 39 11"></polygon>
+                <polygon id="路径-33" fill="#2D2CFF" opacity="0.403004964" filter="url(#filter-8)" points="26.0448291 6.64102564 36.1478999 11.2887622 38.5454545 12.2244701 38.4840792 24.7872148 33.587895 25.6153846 25.0545455 21.9856096 25.0545455 6.64102564"></polygon>
+                <polygon id="路径-34" fill="#2E2DFF" opacity="0.403004964" filter="url(#filter-9)" points="26.9818182 5.69795465 39.3215473 0.948717949 39.5090909 11.3846154"></polygon>
            </g>
        </g>
    </g>

--- a/src/icons/mail2.svg
+++ b/src/icons/mail2.svg
--- a/src/icons/mail3.svg
+++ b/src/icons/mail3.svg
 <?xml version="1.0" encoding="UTF-8"?>
 <svg width="53px" height="53px" viewBox="0 0 53 53" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>首页备份 25</title>
+    <title>首页备份 47</title>
    <defs>
-        <filter x="-112.5%" y="-64.3%" width="325.0%" height="228.6%" filterUnits="objectBoundingBox" id="filter-1">
-            <feGaussianBlur stdDeviation="6" in="SourceGraphic"></feGaussianBlur>
+        <path d="M22.5445479,6.62982347 C24.7933368,0.691244844 29.1172227,-1.25778003 35.5162056,0.782748835 C39.2873591,1.98530676 42.9729447,8.4853517 39.7907739,15.0355935 C37.5733617,19.5999577 29.5617575,30 24.6830236,30 C19.8042898,30 9.67905528,21.5481287 6.11732727,15.9960974 C2.55559927,10.4440662 3.09524356,4.46152922 10.7675892,1.40073592 C15.8824863,-0.63979295 19.8081392,1.10323623 22.5445479,6.62982347 Z" id="path-1"></path>
+        <filter x="-5.4%" y="-6.7%" width="110.8%" height="113.3%" 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="-71.4%" y="-136.4%" width="242.9%" height="372.7%" filterUnits="objectBoundingBox" id="filter-3">
+            <feGaussianBlur stdDeviation="5" in="SourceGraphic"></feGaussianBlur>
        </filter>
    </defs>
-    <g id="首页-菜单" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="数字资产备份" transform="translate(-265.000000, -406.000000)">
-            <g id="编组-10" transform="translate(265.000000, 414.000000)">
-                <rect id="矩形" fill="#2C35FF" x="0" y="0" width="37" height="36" rx="10"></rect>
-                <path d="M36.928637,7 C39.4033496,7 41.6779572,8.35963271 42.8497735,10.5393228 L51.2469663,26.1589034 C52.8160606,29.0775687 51.7220172,32.7156167 48.8033519,34.284711 C47.9299753,34.7542442 46.9538441,35 45.9622553,35 L26.6329562,35 C23.3192477,35 20.6329562,32.3137085 20.6329562,29 C20.6329562,27.9066478 20.9317105,26.8340784 21.4969433,25.8981665 L30.8328775,10.4397355 C32.1222453,8.30480148 34.4345615,7 36.928637,7 Z" id="矩形备份-9" fill="#D6F4FF"></path>
-                <polygon id="路径-103" fill="#2C35FF" opacity="0.551587786" filter="url(#filter-1)" points="36.2477714 7 37 29.4731454 31.2699415 35 21.924131 33.2488931 21 28.2410218 32.3391637 9.26398955"></polygon>
-                <circle id="椭圆形" fill="#D6F4FF" cx="10.5" cy="9.5" r="2.5"></circle>
-                <circle id="椭圆形备份" fill="#D6F4FF" cx="26.5" cy="9.5" r="2.5"></circle>
-                <path d="M9,10.3502691 C9.16299785,10.5530513 9.28577794,10.7033021 9.36834025,10.8010216 C11.8404365,13.7269578 14.6340343,14.9672931 17.9535639,14.9672931 C21.7776124,15.3778399 25.501332,11.8218062 26,10" id="路径-104" stroke="#D6F4FF"></path>
+    <g id="H5版本" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="上链购" transform="translate(-1101.000000, -1347.000000)">
+            <rect fill="#FFFFFF" x="0" y="0" width="1440" height="4330"></rect>
+            <g id="编组-22备份" transform="translate(1106.000000, 1350.000000)">
+                <g id="路径-29">
+                    <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="M4.53558278,25.1534645 L8.27709037,22.201944 C10.1001837,20.9002321 12.0029956,20.9002321 13.985526,22.201944 C16.9593217,24.1545119 21.5840471,24.5675394 20.4669914,27.9138209 C19.7222875,30.1446752 16.7166187,30.3900863 11.4499847,28.6500541 L19.6279979,30.5026001 L23.5990099,31.8137085 L34.2364918,26.5196843 C39.4908897,24.4508177 42.3841059,24.7019506 42.9161403,27.273083 C43.4481748,29.8442153 41.4486527,33.193727 36.917574,37.3216181 C31.5653247,42.6325336 27.63244,45.3917462 25.11892,45.5992558 C22.6054,45.8067653 16.6630179,43.8628287 7.29177364,39.767446 L4.53558278,39.1054395 L4.53558278,45.5992558 C4.05467101,46.5330853 3.29254284,47 2.24919827,47 C0.684181404,47 0.346424743,46.4106877 0.075643722,45.5992558 C-0.0346942909,45.268613 -0.0152682336,21.1153773 0.075643722,19.9679947 C0.166555678,18.8206122 1.17100864,18 2.26244914,18 C3.35388963,18 4.53558278,18.7694899 4.53558278,20.4730942 C4.53558278,21.6088304 4.53558278,23.1689538 4.53558278,25.1534645 Z" id="路径-27" fill="#2C34FF"></path>
+                <path d="M14.784983,18.2145806 L23.127886,21.9800806 L30.3225767,17.1468378 C32.1075256,16.6399294 33,17.4454699 33,19.5634592 C33,21.6814484 30.3692773,24.4936287 25.1078318,28 L16.64091,25.7550724 L12,20.5341367 L14.784983,18.2145806 Z" id="路径-30" fill="#2C34FF" filter="url(#filter-3)"></path>
            </g>
        </g>
    </g>

--- a/src/icons/ps1.svg
+++ b/src/icons/ps1.svg
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="42px" height="45px" viewBox="0 0 42 45" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>编组 20</title>
+    <g id="H5版本" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="上链购" transform="translate(-372.000000, -1805.000000)" stroke="#E1E5FF" stroke-width="2">
+            <g id="编组-20" transform="translate(372.000000, 1805.000000)">
+                <rect id="矩形" x="1" y="1" width="40" height="43" rx="4"></rect>
+                <path d="M12,12 C12,16.9705627 16.0294373,21 21,21 C25.9705627,21 30,16.9705627 30,12" id="路径"></path>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
--- a/src/icons/ps2.svg
+++ b/src/icons/ps2.svg
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="46px" height="46px" viewBox="0 0 46 46" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>编组 18</title>
+    <g id="H5版本" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="上链购" transform="translate(-691.000000, -1803.000000)" stroke-width="2">
+            <g id="编组-18" transform="translate(692.000000, 1804.000000)">
+                <path d="M43.4380315,26.9624142 C43.8057056,25.3675993 44,23.7064896 44,22 C44,9.8497355 34.1502645,0 22,0 C9.8497355,0 0,9.8497355 0,22 C0,34.1502645 9.8497355,44 22,44 C27.9571348,44 33.361262,41.632293 37.3226554,37.7866052 C37.5994927,37.5178539 37.869284,37.2418845 38.1317257,36.9590007 C34.061703,33.1848556 31.009186,30.3542469 28.9741746,28.4671744 C27.424358,27.0300245 25.0996332,24.8742997 22,22" id="路径" stroke="#E1E5FF"></path>
+                <path d="M31.7573318,23.6428607 C31.9161001,22.9541906 32,22.2368932 32,21.5 C32,16.2532949 27.7467051,12 22.5,12 C17.2532949,12 13,16.2532949 13,21.5 C13,26.7467051 17.2532949,31 22.5,31" id="路径" stroke="#FFFFFF"></path>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
--- a/src/icons/ps3.svg
+++ b/src/icons/ps3.svg
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="48px" height="43px" viewBox="0 0 48 43" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>编组 16</title>
+    <g id="H5版本" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="上链购" transform="translate(-1011.000000, -1806.000000)" stroke="#E1E5FF" stroke-width="2">
+            <g id="编组-16" transform="translate(1011.000000, 1806.000000)">
+                <rect id="矩形备份-10" x="1" y="1" width="46" height="34" rx="4"></rect>
+                <polyline id="路径" stroke-linecap="round" points="9 41.5 9 41.5 38 41.5"></polyline>
+                <polyline id="路径-16" stroke-linecap="round" stroke-linejoin="round" points="9 28 17.4633598 18.4336371 24.1877401 23.2168186 31.037604 15.3864429 34 12"></polyline>
+                <circle id="椭圆形" cx="36.5" cy="10.5" r="2.5"></circle>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
--- a/src/icons/slgIntroBg.svg
+++ b/src/icons/slgIntroBg.svg
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="643px" height="643px" viewBox="0 0 643 643" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>编组 9备份 7</title>
+    <defs>
+        <linearGradient x1="56.4953576%" y1="95.2485791%" x2="61.1792138%" y2="0%" id="linearGradient-1">
+            <stop stop-color="#EBF5FF" offset="0%"></stop>
+            <stop stop-color="#E1E9FE" offset="100%"></stop>
+        </linearGradient>
+        <polygon id="path-2" points="-1.23501209e-12 124 412 216.247952 412 643 -1.23501209e-12 549.805203"></polygon>
+        <filter x="-0.5%" y="-0.4%" width="101.0%" height="100.8%" filterUnits="objectBoundingBox" id="filter-3">
+            <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>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-4">
+            <stop stop-color="#C6D6FF" offset="0%"></stop>
+            <stop stop-color="#E1EEFF" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-5">
+            <stop stop-color="#CADAFF" offset="0%"></stop>
+            <stop stop-color="#BBCEFF" offset="100%"></stop>
+        </linearGradient>
+        <polygon id="path-6" points="403 79 643 216.212561 643 643 403 489.49452"></polygon>
+        <filter x="-0.8%" y="-0.4%" width="101.7%" height="100.7%" 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 0.5 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
+        </filter>
+    </defs>
+    <g id="H5版本" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" opacity="0.358808972">
+        <g id="上链购" transform="translate(-808.000000, -533.000000)">
+            <g id="编组-9备份-7" transform="translate(808.000000, 533.000000)">
+                <g id="矩形">
+                    <use fill="url(#linearGradient-1)" fill-rule="evenodd" xlink:href="#path-2"></use>
+                    <use fill="black" fill-opacity="1" filter="url(#filter-3)" xlink:href="#path-2"></use>
+                </g>
+                <polygon id="矩形备份-4" fill="url(#linearGradient-4)" points="249.466277 0 643 71.723598 403.287475 210 10 117.029119"></polygon>
+                <g id="矩形备份-2" transform="translate(523.000000, 361.000000) scale(-1, 1) translate(-523.000000, -361.000000) ">
+                    <use fill="url(#linearGradient-5)" fill-rule="evenodd" xlink:href="#path-6"></use>
+                    <use fill="black" fill-opacity="1" filter="url(#filter-7)" xlink:href="#path-6"></use>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
--- a/src/icons/telH5.svg
+++ b/src/icons/telH5.svg
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="25px" height="23px" viewBox="0 0 25 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>dianhua-2备份 2</title>
+    <g id="H5版本" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="H5-联系" transform="translate(-334.000000, -390.000000)" fill="#FFFFFF" fill-rule="nonzero">
+            <g id="编组-12" transform="translate(322.000000, 378.000000)">
+                <g id="dianhua-2备份-2" transform="translate(12.000000, 12.000000)">
+                    <path d="M17.1828172,8.1130137 C17.5324675,8.55060883 17.9070929,8.99695586 18.3066933,9.45205479 C18.6396936,9.85464231 19.0101565,10.3009893 19.4180819,10.7910959 C19.8260073,11.2812024 20.2464202,11.7800609 20.6793207,12.2876712 C21.2287712,12.9528158 21.6824842,13.5479452 22.0404595,14.0730594 C22.3984349,14.5981735 22.6814852,15.0795282 22.8896104,15.5171233 C23.0977356,15.9547184 23.2392607,16.3573059 23.3141858,16.7248858 C23.3891109,17.0924658 23.4265734,17.4600457 23.4265734,17.8276256 L23.4265734,19.5342466 C23.4265734,20.0593607 23.3433233,20.5319635 23.1768232,20.9520548 C23.010323,21.3721461 22.7813853,21.7353501 22.49001,22.0416667 C22.1986347,22.3479833 21.8656344,22.5842846 21.491009,22.7505708 C21.1163836,22.9168569 20.7209457,23 20.3046953,23 L4.8951049,23 C4.44555445,23 4.01681652,22.9212329 3.60889111,22.7636986 C3.2009657,22.6061644 2.84299034,22.3829909 2.53496503,22.0941781 C2.22693973,21.8053653 1.98135198,21.4596651 1.7982018,21.0570776 C1.61505162,20.6544901 1.52347652,20.1993912 1.52347652,19.6917808 L1.52347652,17.6700913 C1.52347652,17.25 1.56093906,16.8474125 1.63586414,16.4623288 C1.71078921,16.0772451 1.84815185,15.6746575 2.04795205,15.2545662 C2.24775225,14.8344749 2.52247752,14.3837519 2.87212787,13.9023973 C3.22177822,13.4210426 3.66300366,12.8915525 4.1958042,12.3139269 C4.62870463,11.8238204 5.07409257,11.3293379 5.53196803,10.8304795 C5.98984349,10.331621 6.4019314,9.88089802 6.76823177,9.4783105 C7.2011322,9.00570776 7.61738262,8.55060883 8.01698302,8.1130137 L17.1828172,8.1130137 L17.1828172,8.1130137 Z M12.4875125,18.0639269 C12.9204129,18.0639269 13.3283383,17.9764079 13.7112887,17.8013699 C14.0942391,17.6263318 14.4272394,17.3900304 14.7102897,17.0924658 C14.99334,16.7949011 15.2181152,16.440449 15.3846154,16.0291096 C15.5511156,15.6177702 15.6343656,15.184551 15.6343656,14.7294521 C15.6343656,14.2743531 15.5511156,13.8455099 15.3846154,13.4429224 C15.2181152,13.0403349 14.99334,12.6902588 14.7102897,12.3926941 C14.4272394,12.0951294 14.0942391,11.858828 13.7112887,11.68379 C13.3283383,11.5087519 12.9204129,11.4212329 12.4875125,11.4212329 C12.0546121,11.4212329 11.6425241,11.5087519 11.2512488,11.68379 C10.8599734,11.858828 10.5228105,12.0951294 10.2397602,12.3926941 C9.95670996,12.6902588 9.73193473,13.0403349 9.56543457,13.4429224 C9.3989344,13.8455099 9.31568432,14.2743531 9.31568432,14.7294521 C9.31568432,15.184551 9.3989344,15.6177702 9.56543457,16.0291096 C9.73193473,16.440449 9.95670996,16.7949011 10.2397602,17.0924658 C10.5228105,17.3900304 10.8599734,17.6263318 11.2512488,17.8013699 C11.6425241,17.9764079 12.0546121,18.0639269 12.4875125,18.0639269 Z M25,4.93607306 L25,6.59018265 C25,7.04528158 24.8459873,7.4303653 24.537962,7.74543379 C24.2299367,8.06050228 23.8594739,8.21803653 23.4265734,8.21803653 L20.3046953,8.21803653 C19.8717949,8.21803653 19.5054945,8.06050228 19.2057942,7.74543379 C18.9060939,7.4303653 18.7562438,7.04528158 18.7562438,6.59018265 L18.7562438,4.93607306 L6.24375624,4.93607306 L6.24375624,6.59018265 C6.24375624,7.04528158 6.09390609,7.4303653 5.79420579,7.74543379 C5.49450549,8.06050228 5.12820513,8.21803653 4.6953047,8.21803653 L1.57342657,8.21803653 C1.14052614,8.21803653 0.77006327,8.06050228 0.462037962,7.74543379 C0.154012654,7.4303653 0,7.04528158 0,6.59018265 L0,4.93607306 L0,4.88356164 C0,4.67351598 0.04995005,4.49410198 0.14985015,4.34531963 C0.24975025,4.19653729 0.374625375,4.0608828 0.524475524,3.93835616 C0.674325674,3.81582953 0.840825841,3.70643075 1.02397602,3.61015982 C1.20712621,3.51388889 1.39027639,3.40449011 1.57342657,3.28196347 C1.75657676,3.17694064 2.16866467,2.94501522 2.80969031,2.58618721 C3.45071595,2.22735921 4.25824176,1.85540335 5.23226773,1.47031963 C6.20629371,1.08523592 7.31351981,0.74391172 8.55394605,0.446347032 C9.79437229,0.148782344 11.1138861,0 12.5124875,0 C14.1108891,0 15.538628,0.148782344 16.7957043,0.446347032 C18.0527806,0.74391172 19.1433566,1.08523592 20.0674326,1.47031963 C20.9915085,1.85540335 21.7324342,2.22735921 22.2902098,2.58618721 C22.8479853,2.94501522 23.2267732,3.17694064 23.4265734,3.28196347 C23.6263736,3.40449011 23.8178488,3.51388889 24.000999,3.61015982 C24.1841492,3.70643075 24.3506494,3.81582953 24.5004995,3.93835616 C24.6503497,4.0608828 24.7710623,4.19653729 24.8626374,4.34531963 C24.9542125,4.49410198 25,4.67351598 25,4.88356164 L25,4.93607306 Z" id="形状"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
--- a/src/icons/web3.svg
+++ b/src/icons/web3.svg
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="18px" viewBox="0 0 21 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>编组 10备份</title>
+    <g id="H5版本" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="上链购" transform="translate(-239.000000, -3002.000000)">
+            <g id="编组-10备份" transform="translate(239.000000, 3002.000000)">
+                <polygon id="多边形备份" fill="#D6F4FF" points="14 0 20.0621778 3.5 20.0621778 10.5 14 14 7.93782217 10.5 7.93782217 3.5"></polygon>
+                <path d="M9,0.577350269 L16.2942286,4.78867513 L16.2942286,13.2113249 L9,17.4226497 L1.70577137,13.2113249 L1.70577137,4.78867513 L9,0.577350269 Z" id="多边形" stroke="#3523FF"></path>
+                <polyline id="路径-37" stroke="#3523FF" stroke-width="0.7" points="4 6 9 8.14739538 9 14"></polyline>
+                <polyline id="路径-38" stroke="#3523FF" stroke-width="0.7" points="9 8 11.9065794 6.83736823 14 6"></polyline>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
--- a/src/icons/web3H5Bg.svg
+++ b/src/icons/web3H5Bg.svg
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="652px" height="687px" viewBox="0 0 652 687" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>编组 10</title>
+    <defs>
+        <rect id="path-1" x="0" y="0" width="375" height="687"></rect>
+        <linearGradient x1="56.4902524%" y1="95.2485791%" x2="61.1704271%" y2="0%" id="linearGradient-3">
+            <stop stop-color="#EBF5FF" offset="0%"></stop>
+            <stop stop-color="#E1E9FE" offset="100%"></stop>
+        </linearGradient>
+        <polygon id="path-4" points="-5.87530025e-13 59 196 102.902204 196 306 -5.87530025e-13 261.647177"></polygon>
+        <filter x="-1.0%" y="-0.8%" width="102.0%" height="101.6%" 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 0.5 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
+        </filter>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-6">
+            <stop stop-color="#C6D6FF" offset="0%"></stop>
+            <stop stop-color="#E1EEFF" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-7">
+            <stop stop-color="#CADAFF" offset="0%"></stop>
+            <stop stop-color="#BBCEFF" offset="100%"></stop>
+        </linearGradient>
+        <polygon id="path-8" points="192 37 306 102.44358 306 306 192 232.785507"></polygon>
+        <filter x="-1.8%" y="-0.7%" width="103.5%" height="101.5%" filterUnits="objectBoundingBox" id="filter-9">
+            <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>
+        <radialGradient cx="41.7230708%" cy="32.1332422%" fx="41.7230708%" fy="32.1332422%" r="71.9237332%" id="radialGradient-10">
+            <stop stop-color="#9191FF" offset="0%"></stop>
+            <stop stop-color="#5251FF" offset="0.0775685613%"></stop>
+            <stop stop-color="#2E2DFF" offset="100%"></stop>
+            <stop stop-color="#2E2DFF" offset="100%"></stop>
+        </radialGradient>
+        <circle id="path-11" cx="104" cy="104" r="104"></circle>
+        <filter x="-5.8%" y="-5.8%" width="117.3%" height="117.3%" filterUnits="objectBoundingBox" id="filter-12">
+            <feOffset dx="6" dy="6" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feGaussianBlur stdDeviation="5" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+            <feColorMatrix values="0 0 0 0 0.715786988   0 0 0 0 0.714314382   0 0 0 0 1  0 0 0 1 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
+        </filter>
+        <filter x="-15.8%" y="-9.2%" width="131.6%" height="118.4%" filterUnits="objectBoundingBox" id="filter-13">
+            <feGaussianBlur stdDeviation="5" in="SourceGraphic"></feGaussianBlur>
+        </filter>
+    </defs>
+    <g id="H5版本" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="上链购" transform="translate(148.000000, -4319.000000)">
+            <g id="编组-10" transform="translate(-148.000000, 4319.000000)">
+                <g id="位图备份-2" transform="translate(148.000000, 0.000000)">
+                    <mask id="mask-2" fill="white">
+                        <use xlink:href="#path-1"></use>
+                    </mask>
+                    <use id="蒙版" fill="#EBF0FF" xlink:href="#path-1"></use>
+                </g>
+                <g id="编组-9备份-8" opacity="0.358808972" transform="translate(315.000000, 61.000000)">
+                    <g id="矩形">
+                        <use fill="url(#linearGradient-3)" fill-rule="evenodd" xlink:href="#path-4"></use>
+                        <use fill="black" fill-opacity="1" filter="url(#filter-5)" xlink:href="#path-4"></use>
+                    </g>
+                    <polygon id="矩形备份-4" fill="url(#linearGradient-6)" points="118.86943 0 306 34.1540943 192.013475 100 5 55.7281518"></polygon>
+                    <g id="矩形备份-2" transform="translate(249.000000, 171.500000) scale(-1, 1) translate(-249.000000, -171.500000) ">
+                        <use fill="url(#linearGradient-7)" fill-rule="evenodd" xlink:href="#path-8"></use>
+                        <use fill="black" fill-opacity="1" filter="url(#filter-9)" xlink:href="#path-8"></use>
+                    </g>
+                </g>
+                <g id="编组-8备份-3" transform="translate(428.000000, 431.000000)">
+                    <g id="椭圆形">
+                        <use fill="black" fill-opacity="1" filter="url(#filter-12)" xlink:href="#path-11"></use>
+                        <use fill="url(#radialGradient-10)" fill-rule="evenodd" xlink:href="#path-11"></use>
+                    </g>
+                    <path d="M106,218 C169.333333,197.716275 201,155.371645 201,90.9661126 C201,70.8242492 193.029612,60.6196176 191.780042,56.9516448 C187.036183,43.0265773 203.860485,106.421911 171.519007,157.988744 C155.500377,183.529631 133.660708,203.533383 106,218 Z" id="路径-105" fill="#A9A8FF" opacity="0.585635231" filter="url(#filter-13)"></path>
+                </g>
+                <g id="编组-3" transform="translate(0.000000, 37.000000)">
+                    <polygon id="路径-35" fill="#5159FF" points="0 51.2274537 120.5 1.49789154e-12 241 51.2274537 123.244002 105.404747"></polygon>
+                    <polygon id="路径-36" fill="#464EFC" points="0 51.2274537 122.150685 101.163474 122.150685 258 0 195.583368"></polygon>
+                    <polygon id="路径-36" fill="#2C35FF" transform="translate(181.575342, 154.613727) scale(-1, 1) translate(-181.575342, -154.613727) " points="122.150685 51.2274537 241 101.163474 241 258 122.150685 195.583368"></polygon>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
--- a/src/icons/wechatH5.svg
+++ b/src/icons/wechatH5.svg
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="29px" height="24px" viewBox="0 0 29 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>weixin备份</title>
+    <g id="H5版本" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="H5-联系" transform="translate(-332.000000, -447.000000)" fill="#FFFFFF" fill-rule="nonzero">
+            <g id="编组-13" transform="translate(322.000000, 435.000000)">
+                <g id="weixin备份" transform="translate(10.500000, 12.500000)">
+                    <path d="M18.9544858,6.95890245 C19.2766487,6.95890245 19.5943678,6.98292099 19.9089927,7.0177747 C19.0517897,2.9918849 14.7827931,0 9.91041989,0 C4.4627157,0 0,3.74471184 0,8.49937649 C0,11.2434612 1.48503727,13.4972456 3.96569533,15.2452989 L2.97465004,18.2523464 L6.43874945,16.5 C7.6790785,16.7470615 8.67311925,17.0018392 9.91041989,17.0018392 C10.2212592,17.0018392 10.5290373,16.9864083 10.8353341,16.9616517 C10.6415162,16.2940302 10.5290373,15.5939032 10.5290373,14.8681474 C10.5290702,10.5022745 14.246996,6.95890245 18.9544858,6.95890245 Z M13.6268315,4.24893348 C14.3731356,4.24893348 14.8671276,4.744601 14.8671276,5.4966564 C14.8671276,6.24559206 14.3731356,6.7474655 13.6268315,6.7474655 C12.8835229,6.7474655 12.1387329,6.24559206 12.1387329,5.4966564 C12.1387329,4.744601 12.8835558,4.24893348 13.6268315,4.24893348 Z M6.69106164,6.74743193 C5.947753,6.74743193 5.19838753,6.24555849 5.19838753,5.49662283 C5.19838753,4.74456743 5.947753,4.24889991 6.69106164,4.24889991 C7.43354736,4.24889991 7.92832935,4.74456743 7.92832935,5.49662283 C7.92832935,6.24559206 7.43354736,6.74743193 6.69106164,6.74743193 Z M28,14.7480883 C28,10.7524229 24.0350618,7.49562961 19.5822213,7.49562961 C14.8671276,7.49562961 11.1537774,10.7524229 11.1537774,14.7480883 C11.1537774,18.749557 14.8671276,21.9993728 19.5822213,21.9993728 C20.5686911,21.9993728 21.5643119,21.7499289 22.5552913,21.4990425 L25.2739096,23 L24.5282967,20.5030111 C26.518057,18.9973907 28,17.0018391 28,14.7480883 Z M16.8492182,13.4972456 C16.3560162,13.4972456 15.8582058,13.0023496 15.8582058,12.4973565 C15.8582058,11.9993743 16.3560162,11.4982724 16.8492182,11.4982724 C17.5985836,11.4982724 18.0895472,11.9993743 18.0895472,12.4973565 C18.0895472,13.0023496 17.5985836,13.4972456 16.8492182,13.4972456 Z M22.2999507,13.4972456 C21.8105672,13.4972456 21.3157852,13.0023496 21.3157852,12.4973565 C21.3157852,11.9993743 21.8105672,11.4982724 22.2999507,11.4982724 C23.0432594,11.4982724 23.5402798,11.9993743 23.5402798,12.4973565 C23.5402798,13.0023496 23.0432594,13.4972456 22.2999507,13.4972456 Z" id="形状"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
--- a/src/views/Mall.vue
+++ b/src/views/Mall.vue
--- a/src/views/Solutions/index.vue
+++ b/src/views/Solutions/index.vue
 <template>
-  <router-view>
-  </router-view>
+  <div>
+    <router-view>
+    </router-view>
+  </div>
 </template>

--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -26,19 +26,25 @@ module.exports = {
        systemCardBg: '#F7F9FB',
        systemCardText: '#7A8BA6',
        borderGray: '#6362FF',
-        sideBarBg:'#952DFF'
+        sideBarBg:'#952DFF',
+        mallSpecialTitle:'#E1E5FF',
+        mallSpecialText:'#8A92CF',
+        mallSpecialBg:'#11163C'
      },
      spacing: {
        'bodySet': '1440px',
        px: '1px',
+        '360px':'22.5rem',
        '480px':'30rem',
        '7/10-screen':'70vh',
-        'menuHight':'61px'
+        'menuHight':'61px',
+        'web3BgHeight':'659px'
      },
      boxShadow:{
        'sideBarShadow':'0 2px 20px 0 rgba(186,207,255,0.5)',
        'homeCardShadow':'0 2px 30px 0 rgba(186,207,255,0.5)',
        'navCardShadow':'0 2px 10px 0 #CFCFCF',
+        'mallCardShadow':' 0px 2px 18px 0px rgba(223, 223, 223, 0.5);'
      },
      borderRadius:{
        'large':'27.5px',