Browse Source

修改背景颜色、顶部标题

master
liaoxinyu 1 year ago
parent
commit
c76e76f254
  1. BIN
      src/assets/img/home/home15.png
  2. 2
      src/components/CommonHeader.vue
  3. 63
      src/views/home/index.vue

BIN
src/assets/img/home/home15.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 367 KiB

After

Width:  |  Height:  |  Size: 451 KiB

2
src/components/CommonHeader.vue

@ -1,5 +1,5 @@
<template> <template>
<header id="common-header" :class="[`light-bb`, hook]" style="background-color: #f9f9f9 !important;"> <header id="common-header" :class="[`light-bb`, hook]" style="background-color: #fff !important;">
<nav class="navbar navbar-expand-lg"> <nav class="navbar navbar-expand-lg">
<a class="navbar-brand" href="#/"> <a class="navbar-brand" href="#/">
<img :src="appConfig.head_logo" alt="logo" /> <img :src="appConfig.head_logo" alt="logo" />

63
src/views/home/index.vue

@ -50,36 +50,38 @@
</div> --> </div> -->
</div> </div>
<!-- 加密货币之门 --> <!-- 加密货币之门 -->
<div class="section illustration_area"> <div style="width: 100%;background-color: rgba(10, 239, 198, 0.06);">
<div class="left"> <div class="illustration_area">
<div class="title">{{ $t("homeNewText.hh0") }}</div> <div class="left">
<div class="num-info1 d-flex" style="margin: 40px 0px;"> <div class="title">{{ $t("homeNewText.hh0") }}</div>
<div class="num-info-count1"> <div class="num-info1 d-flex" style="margin: 40px 0px;">
<div class="num1">Top 10</div> <div class="num-info-count1">
<div style="color: #999;font-size: 13px;width: 100px;">{{ $t("homeNewText.hh37") }}</div> <div class="num1">Top 10</div>
</div> <div style="color: #999;font-size: 13px;width: 100px;">{{ $t("homeNewText.hh37") }}</div>
<div class="num-info-count1"> </div>
<div class="num1">5 million+</div> <div class="num-info-count1">
<div style="color: #999;font-size: 13px;width: 100px;">{{ $t("homeNewText.hh38") }}</div> <div class="num1">5 million+</div>
</div> <div style="color: #999;font-size: 13px;width: 100px;">{{ $t("homeNewText.hh38") }}</div>
<div class="num-info-count1"> </div>
<div class="num1">{{ '<0.10%' }}</div> <div class="num-info-count1">
<div style="color: #999;font-size: 13px;">{{ $t("homeNewText.hh39") }}</div> <div class="num1">{{ '<0.10%' }}</div>
</div> <div style="color: #999;font-size: 13px;">{{ $t("homeNewText.hh39") }}</div>
<div class="num-info-count1"> </div>
<div class="num1">200+</div> <div class="num-info-count1">
<div style="color: #999;font-size: 13px;">{{ $t("homeNewText.hh40") }}</div> <div class="num1">200+</div>
<div style="color: #999;font-size: 13px;">{{ $t("homeNewText.hh40") }}</div>
</div>
</div> </div>
<router-link v-if="!isLogin" class="jump_btn" :to="{name:'signUp'}">
{{ $t("homeNewText.hh35") }}
</router-link>
<router-link v-else class="jump_btn" :to="{name:'exchange-assets'}">
{{ $t("homeNewText.aa4") }}
</router-link>
</div>
<div class="right" style="overflow: visible;">
<img src="@/assets/img/home/home1.png" alt="" style="width: 600px;">
</div> </div>
<router-link v-if="!isLogin" class="jump_btn" :to="{name:'signUp'}">
{{ $t("homeNewText.hh35") }}
</router-link>
<router-link v-else class="jump_btn" :to="{name:'exchange-assets'}">
{{ $t("homeNewText.aa4") }}
</router-link>
</div>
<div class="right" style="overflow: visible;">
<img src="@/assets/img/home/home1.png" alt="" style="width: 600px;">
</div> </div>
</div> </div>
<!-- 寻找交易良机 --> <!-- 寻找交易良机 -->
@ -1239,7 +1241,7 @@
.section { .section {
// background-image:url(../../assets/img/index_banner_2.png); // background-image:url(../../assets/img/index_banner_2.png);
background-color: #fff; // background-color: rgba(10, 239, 198, 0.06);
width: 100%; width: 100%;
height: 100%; height: 100%;
background-size: 100% 100%; background-size: 100% 100%;
@ -1997,13 +1999,14 @@
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
padding-top: 100px; padding-top: 100px;
padding-bottom: 100px;
.left { .left {
color: #000; color: #000;
max-width: 650px; max-width: 650px;
.title { .title {
font-size: 60px; font-size: 49px;
} }
.btn { .btn {

Loading…
Cancel
Save