liaoxinyu
/
Bitewiz_PC
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

驳回文字需显示、修改首页响应式问题、新增二维码

master
liaoxinyu 9 months ago
parent
23684827b3
commit
ef06b9dcf9
6 changed files with 265 additions and 23 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. BIN
      src/assets/img/home/sbdc.png
  2. 18
      src/components/CommonFooter.vue
  3. 2
      src/components/CommonHeader.vue
  4. 2
      src/index.html
  5. 263
      src/views/home/index.vue
  6. 3
      static/css/bootstrap.min.css

BIN
src/assets/img/home/sbdc.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 2.6 KiB

18
src/components/CommonFooter.vue
View File

@ -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;

2
src/components/CommonHeader.vue
View File

@ -13,7 +13,7 @@
</button>
<div class="collapse navbar-collapse" id="headerMenu">
<ul class="navbar-nav mr-auto nav-bar">
<ul class="navbar-nav nav-bar">
<li class="nav-item">
<router-link class="nav-link" :to='home.url'>{{ home.label }}</router-link>

2
src/index.html
View File

@ -54,7 +54,7 @@
</head>
<style>
body{
min-width: 1200px;
/* min-width: 1200px; */
}
</style>
<body>

263
src/views/home/index.vue
View File

@ -63,7 +63,7 @@
</router-link>
</div>
<div class="right" style="overflow: visible;">
<img src="@/assets/img/home/home1.png" style="width: 453px;height: 520px;">
<img src="@/assets/img/home/home1.png">
</div>
</div>
</div>
@ -92,8 +92,8 @@
</div>
<!-- 市场趋势 -->
<div style="display: flex;justify-content: space-between;width: 1200px;margin: auto;margin-top: 150px;">
<div style="width: 510px;">
<div class="explore_top">
<div class="explore_w">
<div style="font-size: 46px;">{{ $t("homeNewText.hh3") }}</div>
<div style="font-size: 22px;margin-top: 5px;">{{ $t("homeNewText.hh4") }}</div>
<router-link v-if="!isLogin" class="jump_btn3" :to="{name:'signUp'}" style="margin-top: 60px;">
@ -103,9 +103,8 @@
{{ $t("college.seeMore") }}
</router-link>
</div>
<div v-if="marketList[0]" style="width: 550px;display: flex;flex-wrap: wrap;justify-content: space-between;">
<div v-for="(item, index) in marketList[0].marketInfoList.slice(0,6)" :key="index"
style="width: 170px;box-shadow: 0px 0px 6px 0px rgba(0, 38, 161, 0.16);border-radius: 10px;margin-bottom: 20px;padding: 15px;">
<div v-if="marketList[0]" class="explore_List">
<div v-for="(item, index) in marketList[0].marketInfoList.slice(0,6)" :key="index" class="explore_List1">
<div v-for="(items,index) in imgList" :key="index">
<img style="width: 40px;height: 40px;" :src="items.coin_icon" alt="" v-if="items.coin_name==item.coin_name">
</div>
@ -118,8 +117,8 @@
</div>
<!-- xxxx 是一个适合所有人的一站式平台 -->
<div style="width: 100%;background-color: #F9F9F9;margin-top: 150px;">
<div style="width: 1200px;height:546px;margin: auto;font-size: 42px;font-weight: bold;text-align: center;">
<div class="platform">
<div class="platform_center">
<div style="padding-top: 150px;">{{ $t("homeNewText.hh5",{name:'Bitewiz'}) }}</div>
<div style="display: flex;justify-content: space-between;margin-top: 61px;">
<div>
@ -142,34 +141,34 @@
</div>
</div>
<div style="width: 1200px;margin: auto;text-align: center;margin-top: 150px;font-size: 48px;font-weight: bold;margin-bottom: 50px;">
<div class="Why_choose">
{{ $t("homeNewText.hh10",{name:'Bitewiz'}) }}
</div>
<div class="create">
<div class="create_box">
<div>
<div style="width: 710px;box-shadow: 0px 0px 6px 0px rgba(0, 38, 161, 0.16);padding: 35px 30px 35px 30px;margin-bottom: 30px;">
<div class="Why_choose_tab" style="margin-bottom: 30px;">
<div style="display: flex;align-items: center;margin-bottom: 15px;">
<img src="@/assets/img/home/home2.png" />
<span style="font-size: 26px;font-weight: bold;margin-left: 10px;">{{ $t("homeNewText.hh11") }}</span>
</div>
<div style="font-size: 16px;color: #888888;">{{ $t("homeNewText.hh12") }}</div>
</div>
<div style="width: 710px;box-shadow: 0px 0px 6px 0px rgba(0, 38, 161, 0.16);padding: 35px 30px 35px 30px;margin-bottom: 30px;">
<div class="Why_choose_tab" style="margin-bottom: 30px;">
<div style="display: flex;align-items: center;margin-bottom: 15px;">
<img src="@/assets/img/home/home3.png" />
<span style="font-size: 26px;font-weight: bold;margin-left: 10px;">{{ $t("homeNewText.hh13") }}</span>
</div>
<div style="font-size: 16px;color: #888888;">{{ $t("homeNewText.hh14") }}</div>
</div>
<div style="width: 710px;box-shadow: 0px 0px 6px 0px rgba(0, 38, 161, 0.16);padding: 35px 30px 35px 30px;margin-bottom: 30px;">
<div class="Why_choose_tab" style="margin-bottom: 30px;">
<div style="display: flex;align-items: center;margin-bottom: 15px;">
<img src="@/assets/img/home/home4.png" />
<span style="font-size: 26px;font-weight: bold;margin-left: 10px;">{{ $t("homeNewText.hh15") }}</span>
</div>
<div style="font-size: 16px;color: #888888;">{{ $t("homeNewText.hh16",{name:'Bitewiz'}) }}</div>
</div>
<div style="width: 710px;box-shadow: 0px 0px 6px 0px rgba(0, 38, 161, 0.16);padding: 35px 30px 35px 30px;">
<div class="Why_choose_tab">
<div style="display: flex;align-items: center;margin-bottom: 15px;">
<img src="@/assets/img/home/home5.png" />
<span style="font-size: 26px;font-weight: bold;margin-left: 10px;">{{ $t("homeNewText.hh17") }}</span>
@ -177,10 +176,10 @@
<div style="font-size: 16px;color: #888888;">{{ $t("homeNewText.hh18") }}</div>
</div>
</div>
<div><img src="@/assets/img/home/home6.png" /></div>
<div class="Why_choose_img"><img src="@/assets/img/home/home6.png" /></div>
</div>
</div>
<div style="width: 1200px;margin: auto;text-align: center;">
<div class="Why_choose_w">
<router-link v-if="!isLogin" class="jump_btn2" :to="{name:'signUp'}" style="margin-top: 50px;">
{{ $t("homeNewText.hh48") }}
</router-link>
@ -254,7 +253,7 @@
</div>
<div class="Transaction">
<div style="width: 1200px;margin: auto;">
<div class="Transaction_content">
<div style="text-align: center;font-size: 30px;font-weight: bold;width: 100%;padding-top: 130px;">
{{ $t("homeNewText.hh21") }}
</div>
@ -284,12 +283,12 @@
</div>
<!-- 随时随地 -->
<div style="font-size: 42px;font-weight: bold;width: 1200px;margin: auto;padding-top: 100px;">
<div class="title_Cryptocurrency">
{{ $t("homeNewText.hh25") }}
</div>
<!-- <div class="card_area" style="align-items: center;"> -->
<div class="card_area">
<div style="width: 480px;">
<div class="Cryptocurrency_w">
<div style="color: #797979;">{{ $t("homeNewText.hh26",{name:"Bitewiz"}) }}</div>
<div style="color: #797979;margin-top: 30px;">{{ $t("homeNewText.hh27",{name:"Bitewiz"}) }}</div>
<div class="trade_box">
@ -324,7 +323,7 @@
</div>
</div>
</div>
<div><img src="@/assets/img/home/home10.png" alt="" width="736" height="441"></div>
<div class="Cryptocurrency_img"><img src="@/assets/img/home/home10.png" alt=""></div>
</div>
<div class="marquee" style="margin-top: 150px;margin-bottom: 0px;">
@ -347,7 +346,7 @@
</div>
<div class="img_width">
<div style="width:1200px;margin: auto;height: 279px;display: flex;align-items: center;justify-content: center;">
<div class="GetStarted">
<div>
<div style="text-align: center;font-size: 50px;font-weight: bold;color: #fff;">{{ $t("homeNewText.hh29") }}</div>
<div style="text-align: center;font-size: 20px;font-weight: bold;color: #fff;">{{ $t("homeNewText.hh30") }}</div>
@ -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 {
@ -2498,6 +2564,28 @@
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;
width: 100%;
@ -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%);
}
}
}
</style>

3
static/css/bootstrap.min.css
View File

@ -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

Write Preview
Loading…
Cancel
Save