diff --git a/src/assets/img/home/sbdc.png b/src/assets/img/home/sbdc.png deleted file mode 100644 index c63b2e2..0000000 Binary files a/src/assets/img/home/sbdc.png and /dev/null differ diff --git a/src/components/CommonFooter.vue b/src/components/CommonFooter.vue index ff87d97..6a0785c 100644 --- a/src/components/CommonFooter.vue +++ b/src/components/CommonFooter.vue @@ -733,6 +733,24 @@ export default { } } } + +@media (max-width:1200px){ + .content{ + width: 100% !important; + padding: 0px 50px; + } +} + +@media (max-width:835px){ + .footer .footer-upper-section{ + width: 100%; + } + + .footer .footer-right{ + display: none; + } +} + .circle-pulse1 { background: red; display: flex; diff --git a/src/components/CommonHeader.vue b/src/components/CommonHeader.vue index 637d794..08a50ac 100644 --- a/src/components/CommonHeader.vue +++ b/src/components/CommonHeader.vue @@ -13,7 +13,7 @@
- +
@@ -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