From ef06b9dcf9d8d05e626af96b93f47c788585f4ea Mon Sep 17 00:00:00 2001 From: liaoxinyu Date: Wed, 26 Feb 2025 17:23:28 +0800 Subject: [PATCH] =?UTF-8?q?=E9=A9=B3=E5=9B=9E=E6=96=87=E5=AD=97=E9=9C=80?= =?UTF-8?q?=E6=98=BE=E7=A4=BA=E3=80=81=E4=BF=AE=E6=94=B9=E9=A6=96=E9=A1=B5?= =?UTF-8?q?=E5=93=8D=E5=BA=94=E5=BC=8F=E9=97=AE=E9=A2=98=E3=80=81=E6=96=B0?= =?UTF-8?q?=E5=A2=9E=E4=BA=8C=E7=BB=B4=E7=A0=81?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/assets/img/home/sbdc.png | Bin 2631 -> 0 bytes src/components/CommonFooter.vue | 18 +++ src/components/CommonHeader.vue | 2 +- src/index.html | 2 +- src/views/home/index.vue | 263 +++++++++++++++++++++++++++++--- static/css/bootstrap.min.css | 3 +- 6 files changed, 265 insertions(+), 23 deletions(-) delete mode 100644 src/assets/img/home/sbdc.png diff --git a/src/assets/img/home/sbdc.png b/src/assets/img/home/sbdc.png deleted file mode 100644 index c63b2e2f62128f43c4d8f2d55f604d8cdfb84e80..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 2631 zcma);dr(tX9>;^-6^q_Pt!-Ju!?uQY#%_ba5D*MfbdiY-b$96sWQr8lq85Tda)X4& z7(v;E;Dj!Z2FPa8)~+uI6axVg(%57p#1yF|Yaov%c$MZw0*NssY@FR0J5z3^f1J5< z&dl$g-{brH{7%#R#7rP;XBYy30J07r{38Mpa{1ZXv>|YUn&+|upBKvy=T;yP$lK3W z$UpWV(Sb8h*1_~Y)4DD5gtFbZtq0N-c3)qrHvGeuO^k=1J5Rpun$Nk<34Ld~32Kc_ z!z04{PsC(|Ubp@2T^arLTO=FeezW=CTYtsIKSonR5ajfRJMT9(fT&7=&)_^AsVz5G zVXX$U70~&UI_P3m-;iY9nO7L{yYs&--t@}l*Nz=%JpQwdOsRh)VO4yN{qk{)jZV4j z_{RD8J4o76#26sk469cKIDOUjC(*|F;W|@M&25 zalYriVnmK%_ld^8V?|HdWMQx=d$=(Zc;GX7b}i(CukIWj&jL|H#hYikKy>hsMrRn4 z;J2xx!%__T0(1P7$I??!$@ONZ4t@hyp=Q;xixD3KA><+^AZ>w8N0R1b>V})-BE?n* zC6I~d!9Op;RL|-d-TtxS!gLS0s>JR{zcpG-tG(*dKsB{oh+G1ncN~M)_EL=sLg=i% z#N-mN-(Z3mK*oqF`jnz-x~M$@QySbDeW9!~ne?M&%HTI%N6qGmq>H9&TI9Rg{vq2j zc)hrIi*jm&1^KBqH!kw&Dj*l>_~V7DzMUF+rQ*YX!NeI*-jatpa9VLjLk9J!G!enn zIH-S9&||*)6VWz;2B0_)%TPx1WJ@VeXxicR%|4ib7f#v6Ob+L~Z?)e1_Y^w59#<9R)9|J^wj^O; zT!kZPWfV6TyJ4Sa47?88wZ^5RD}-j{r$lDGcHAKCAc+m?Wt&7DS}poP(2eXVUf*jO zq~SILMKRF}>7BqEd15xEBC80UpzTVv`GPncg<|&JOrR}WHLnRU)#B3F?1Ubm&8x55!Wk-g4Xc*d##VF+J77A$P14EBU!0R5ImF`+FU9vS69CEYw z1tB(DG7T|4_O>>OV@EQK-{L4Zpc?n5r*oPDJqtLl)5;pf6LRd6oFF(<9$nGh6Ld$V zcBb~xrPdAtvXGN{zs4LDk%O|o1T%Auk(qAqDN-qAw?pqimknREG6yEF)S+h2;kSxR z1!Nd7C?kH5uq+7di9ht(c7r%&!mU<4i~pHI<@yohh0I#N(WUCig-5qhGR?qb?!n@y zhaLWH5`Oxf(PXXS#w#61Jhgvy@PepzL^8eLYURF@w&SVZgSQ*Ynv|?os!1pFw oa
- +
@@ -92,8 +92,8 @@ -
-
+
+
{{ $t("homeNewText.hh3") }}
{{ $t("homeNewText.hh4") }}
@@ -103,9 +103,8 @@ {{ $t("college.seeMore") }}
-
-
+
+
@@ -118,8 +117,8 @@
-
-
+
+
{{ $t("homeNewText.hh5",{name:'Bitewiz'}) }}
@@ -142,34 +141,34 @@
-
+
{{ $t("homeNewText.hh10",{name:'Bitewiz'}) }}
-
+
{{ $t("homeNewText.hh11") }}
{{ $t("homeNewText.hh12") }}
-
+
{{ $t("homeNewText.hh13") }}
{{ $t("homeNewText.hh14") }}
-
+
{{ $t("homeNewText.hh15") }}
{{ $t("homeNewText.hh16",{name:'Bitewiz'}) }}
-
+
{{ $t("homeNewText.hh17") }} @@ -177,10 +176,10 @@
{{ $t("homeNewText.hh18") }}
-
+
-
+
{{ $t("homeNewText.hh48") }} @@ -254,7 +253,7 @@
-
+
{{ $t("homeNewText.hh21") }}
@@ -284,12 +283,12 @@
-
+
{{ $t("homeNewText.hh25") }}
-
+
{{ $t("homeNewText.hh26",{name:"Bitewiz"}) }}
{{ $t("homeNewText.hh27",{name:"Bitewiz"}) }}
@@ -324,7 +323,7 @@
-
+
@@ -347,7 +346,7 @@
-
+
{{ $t("homeNewText.hh29") }}
{{ $t("homeNewText.hh30") }}
@@ -2205,6 +2204,73 @@ } } } + .right{ + width: 453px; + height: 520px; + } + } + + .explore_top{ + margin: auto; + width: 1200px; + display: flex; + margin-top: 150px; + justify-content: space-between; + + .explore_w{ + width: 510px; + } + .explore_List{ + width: 550px; + display: flex; + flex-wrap: wrap; + justify-content: space-between; + + .explore_List1{ + width: 170px; + padding: 15px; + border-radius: 10px; + margin-bottom: 20px; + box-shadow: 0px 0px 6px 0px rgba(0, 38, 161, 0.16); + } + } + } + + .platform{ + width: 100%; + margin-top: 150px; + background-color: #F9F9F9; + + .platform_center{ + width: 1200px; + height:546px; + margin: auto; + font-size: 42px; + font-weight: bold; + text-align: center; + } + } + + .Why_choose{ + margin: auto; + width: 1200px; + font-size: 48px; + font-weight: bold; + margin-top: 150px; + text-align: center; + margin-bottom: 50px; + } + + .Why_choose_tab{ + width: 710px; + padding: 35px 30px 35px 30px; + box-shadow: 0px 0px 6px 0px rgba(0, 38, 161, 0.16); + } + + .Why_choose_w{ + margin: auto; + width: 1200px; + text-align: center; } .market_table { @@ -2497,6 +2563,28 @@ margin-top: 100px; background-color: #F9F9F9; } + + .Transaction_content { + margin: auto; + width: 1200px; + } + + .title_Cryptocurrency{ + font-size: 42px; + font-weight: bold; + width: 1200px; + margin: auto; + padding-top: 100px; + } + + .Cryptocurrency_w{ + width: 480px; + } + + .Cryptocurrency_img{ + width: 736px; + height: 441px; + } .trade_box { display: flex; @@ -2536,6 +2624,14 @@ background-position: center; /* 将背景图像定位在容器的中心 */ background-repeat: no-repeat; } + .GetStarted{ + width:1200px; + margin: auto; + height: 279px; + display: flex; + align-items: center; + justify-content: center; + } .num-info-count2{ .num2{ font-size: 24px; @@ -2649,4 +2745,131 @@ } } } + @media (max-width:1200px){ + .illustration_area{ + width: 100%; + .left{ + max-width: 500px; + padding: 0px 15px; + margin-bottom: 20px; + + .title{ + font-size: 45px; + } + } + .right{ + width: 453px; + height: 520px; + } + } + .explore_top{ + width: 100%; + } + .platform{ + .platform_center{ + width: 100%; + } + } + .Why_choose{ + width: 100%; + } + .Why_choose_w{ + width: 100%; + } + .create{ + .create_box{ + width: 100%; + justify-content: center; + } + } + .Why_choose_img{ + display: none; + } + .started1{ + width: 100%; + } + .Transaction_content{ + width: 100%; + } + .title_Cryptocurrency{ + width: 100%; + } + .card_area{ + width: 100%; + } + .GetStarted{ + width: 100%; + } + .Cryptocurrency_img{ + width: 100%; + } + } + @media (max-width:800px){ + .illustration_area{ + width: 100%; + display: block; + position: relative; + + .left{ + max-width: 800px; + margin-top: 380px; + text-align: center; + .title{ + font-size: 45px; + } + } + + .right{ + width: 500px; + height: 400px; + position: absolute; + top: -50px; + left: 50%; + transform: translateX(-50%); + } + } + .explore_top{ + width: 100%; + display: block; + position: relative; + + .explore_w{ + width: 100%; + margin-top: 500px; + text-align: center; + } + + .explore_List{ + position: absolute; + top: -420px; + left: 50%; + transform: translateX(-50%); + } + } + .platform_center{ + width: 100%; + } + .Why_choose_tab{ + width: 100%; + } + .title_Cryptocurrency{ + width: 100%; + text-align: center; + } + .card_area{ + display: block; + position: relative; + .Cryptocurrency_w{ + width: 100%; + padding: 0px 50px; + margin-top: 500px; + } + .Cryptocurrency_img{ + left: 50%; + top: -470px; + position: absolute; + transform: translateX(-50%); + } + } + } \ No newline at end of file diff --git a/static/css/bootstrap.min.css b/static/css/bootstrap.min.css index ee2d65d..f9d6068 100644 --- a/static/css/bootstrap.min.css +++ b/static/css/bootstrap.min.css @@ -4791,7 +4791,8 @@ input[type=submit].btn-block { display: -ms-flexbox!important; display: flex!important; -ms-flex-preferred-size: auto; - flex-basis: auto + flex-basis: auto; + justify-content: space-between; } .navbar-expand-lg .navbar-toggler { display: none