change qrcode

src/App.vue

@@ -57,7 +57,7 @@ const contact = [
   {
     icon: 'tel',
     title: '联系电话',
-    detail: '138-5811-2690',
+    detail: '0571-8167-1366',
   },
   {
     icon: 'email',
@@ -99,7 +99,7 @@ const handleClick = (type: string, e: Event) => {
 const goToWebsite = (type: string, e: Event) => {
   if (type == 'BTN1') window.open('https://adminslg.8n.cn/#/applyShop')
   else if (type == 'BTN2') {
-    window.open('https://testflight.apple.com/join/nuP0bneg')
+    window.open('https://apps.apple.com/cn/app/上链购/id1592640008')
   }
   else if (type == 'BTN3') {
     window.open('https://slg-file.oss-cn-hangzhou.aliyuncs.com/install/android/slg2.apk')
@@ -118,7 +118,7 @@ const goToWebsite = (type: string, e: Event) => {
           </div>
           <div class=" md:hidden text-gray-800 font-semibold mx-auto text-3xl text-center pt-10">下载上链购数字藏品平台</div>
           <div
-            class=" text-gray-500 text-lg text-center pt-4 md:pt-20 md:text-gray-800 md:text-28px md:font-semibold md:text-left md:leading-relaxed">
+            class=" title">
             国内领先的兼容数字商品与数字<br/> 藏品的电商平台</div>
           <div class=" pt-11 md:pt-4 relative">
             <div>
@@ -139,7 +139,7 @@ const goToWebsite = (type: string, e: Event) => {
             <div class=" hidden md:flex text-gray-800 pt-20 pl-9 absolute top-6 left-48" style="width:450px">
               <div class=" mr-10 w-40">
                 <img :src="getImgUrl(current == 'BTN2' ? 'IOS' : 'Android')" v-show="show" class=" w-40 h-40 mb-3">
-                <p class=" font-semibold text-center" v-show="show">{{current == 'BTN2' ? 'IOS' : 'Android'}}下载</p>
+                <p class=" font-semibold text-center" v-show="show">下载二维码</p>
               </div>
               <div class="justify-self-end w-40">
                 <img :src="getImgUrl('officialAccount')" class=" w-40 h-40 mb-3">
@@ -156,29 +156,27 @@ const goToWebsite = (type: string, e: Event) => {
         <img :src="getImgUrl('textBgH5')" class=" md:hidden mx-auto w-h5Width h-h5Height">
         <img :src="getImgUrl('textBgPC')" class=" hidden md:block mx-auto w-pcWidth h-pcHeight absolute top-0 left-0 z-[2]" />
         <div
-          class="text-sm  md:text-base z-40 px-5 md:px-20 text-white text-justify absolute top-0 left-0 bottom-0 right-0 mx-auto pt-10 md:pt-16">
+          class="text-sm md:text-base z-40 px-5 md:px-20 text-white text-justify absolute top-0 left-0 bottom-0 right-0 mx-auto pt-10 md:pt-[80px]">
         <p class="text-lg font-semibold text-center pb-6 md:text-3xl">
           国内领先的兼具数字商品与数字藏品的电商平台
         </p>
-        <p class=" px-5  md:text-lightGray">
-          <div class="pb-5 ">   上链购，为国内较早的资产数字化应用平台，亦是目前国内极具领先性地将数字商品与数字藏品进行虚实融合应用的平台。平台兼具数字商品与数字藏品两种资产形态，数字商品可溯源交易，让货权流通更便捷；数字藏品是文化艺术所属权的唯一认证凭证，深受年轻人喜爱，更好地传播品牌文化价值。未来，上链购将融合社交与域名系统，以扎实的Web3.0技术开启元宇宙数字经济。</div>
-          <div >上链购诞生于2018年，定位虚实融合，合作过许多品牌案例，荣获诸多荣誉。2018年中秋节与杭州百年老字号“知味观”联合推出区块链月饼，获央视CCTV报道；2019年为阳澄湖大闸蟹数字化，同年荣获“2019中国优秀区块链解决方案”和“2019年典型网络可信服务应用案例”称号；2020年上链购荣获《区块链行业应用技术案例》一等奖；2021年底与西湖区西湖龙井合作防伪溯源与数字化营销；2022年上链购成为由信通院发起的可信区块链数字藏品首批成员单位。</div>
-          <div class="pt-5">上链购采用复杂美科技国产自研的Chain33开源区块链底层框架（https://github.com/33cn/chain33）。 Chain33具备平行链扩展、分片存储、零知识证明、以太坊生态兼容等技术特色，被多家央企、国企应用，并获得他们高度认可。已完成BSN的适配对接，已通过网信办备案、网信办区块链安全评测、信通院性能与功能评测、赛迪区块链评测、工信部5所评测。</div>
+        <p class=" px-5  text-lightGray">
+          <div class="pb-5  text-lightGray">   上链购，为国内较早的资产数字化应用平台，亦是目前国内极具领先性地将数字商品与数字藏品进行虚实融合应用的平台。平台兼具数字商品与数字藏品两种资产形态，数字商品可溯源交易，让货权流通更便捷；数字藏品是文化艺术所属权的唯一认证凭证，深受年轻人喜爱，更好地传播品牌文化价值。未来，上链购将融合社交与域名系统，以扎实的Web3.0技术开启元宇宙数字经济。</div>
+          <div class=" text-lightGray">上链购诞生于2018年，定位虚实融合，合作过许多品牌案例，荣获诸多荣誉。2018年中秋节与杭州百年老字号“知味观”联合推出区块链月饼，获央视CCTV报道；2019年为阳澄湖大闸蟹数字化，同年荣获“2019中国优秀区块链解决方案”和“2019年典型网络可信服务应用案例”称号；2020年上链购荣获《区块链行业应用技术案例》一等奖；2021年底与西湖区西湖龙井合作防伪溯源与数字化营销；2022年上链购成为由信通院发起的可信区块链数字藏品首批成员单位。</div>
+          <div class="pt-5  text-lightGray">上链购采用复杂美科技国产自研的Chain33开源区块链底层框架（https://github.com/33cn/chain33）。 Chain33具备平行链扩展、分片存储、零知识证明、以太坊生态兼容等技术特色，被多家央企、国企应用，并获得他们高度认可。已完成BSN的适配对接，已通过网信办备案、网信办区块链安全评测、信通院性能与功能评测、赛迪区块链评测、工信部5所评测。</div>
         </p>
 
         </div>
               
       </div>
-      <Certification></Certification>
-      <Cooperators></Cooperators>
+
       <img :src="getImgUrl('officialAccount')" class="md:hidden w-36 mx-auto pt-12"/>
       <p class=" md:hidden font-semibold text-center text-gray-800">扫一扫关注公众号</p>
       <div class="pt-12 pb-16 md:flex md:w-pcWidth mx-auto md:justify-between md:gap-x-7">
         <Card v-for="c in contact" :icon="c.icon" :title="c.title" :detail="c.detail"
           class=" my-5 mx-auto w-cardWidth md:w-1/3" :small="c.small"></Card>
       </div>
-      <div class=" text-center text-xs px-4 md:text-sm pb-9 text-gray-800">© 2021 库链科技 All Rights Reserved.Powered by
-        杭州库链科技有限责任公司 浙ICP备17050749号-5</div>
+      <div class=" text-center text-xs px-4 md:text-sm pb-9 text-gray-800">杭州库链科技有限责任公司   浙网信备33010622759959570022号</div>
     </div>
   </div>
 </template>

src/components/card.vue

@@ -3,7 +3,7 @@
     <img :src="getSvg(props.icon)" class=" ml-9 mr-7 md:w-11 md:h-11">
     <div>
       <div class=" text-sm text-gray-800"> {{ props.title }}</div>
-      <div :class="!props.small ? 'text-xl font-semibold' : 'text-sm'">
+      <div :class="!props.small ? 'text-xl font-semibold' : 'pt-1 text-sm font-semibold'">
         {{ props.detail }}
       </div>
     </div>

src/index.css

 @tailwind base;
 @tailwind components;
-@tailwind utilities;
+@tailwind utilities;
\ No newline at end of file
+
+@layer components{
+    .title{
+        @apply text-gray-500 md:text-[40px] font-['PingFangSC-Semibold'] text-center pt-4 md:pt-20 md:text-gray-800 md:text-28px md:font-semibold md:text-left md:leading-relaxed
+    }
+}
\ No newline at end of file