Browse Source

登入注册字体修改颜色

master
wanghongjun 3 years ago
parent
commit
f4428b5212
  1. 7
      src/assets/scss/module/_home.scss
  2. 20
      src/views/home/index.vue

7
src/assets/scss/module/_home.scss

@ -104,6 +104,13 @@ a:focus {
outline: 0; outline: 0;
} }
.target-a{
color: black!important;
}
.target-a:hover{
color: black!important;
}
.faceboox { .faceboox {
background: #3b5998; background: #3b5998;
} }

20
src/views/home/index.vue

@ -344,12 +344,12 @@
<div style="width:55%;"> <div style="width:55%;">
<h1>选择币安平台购买交易和持有350多种加密货币</h1> <h1>选择币安平台购买交易和持有350多种加密货币</h1>
<div class="mt-4 mb-3">免费交易比特币</div> <div class="mt-4 mb-3">免费交易比特币</div>
<div class="btn1 mb-3">通过电子邮箱/手机号码注册</div> <div class="btn1 mb-3">通过电子邮箱<!--/手机号码注册--></div>
<div style="width: 55%;text-align: center;">或通过以下方式继续</div> <!-- <div style="width: 55%;text-align: center;">或通过以下方式继续</div>-->
<div class="d-flex justify-content-between mt-3" style="width: 55%;"> <!-- <div class="d-flex justify-content-between mt-3" style="width: 55%;">-->
<div class="btn2">Google</div> <!-- <div class="btn2">Google</div>-->
<div class="btn2">Apple</div> <!-- <div class="btn2">Apple</div>-->
</div> <!-- </div>-->
</div> </div>
<div class="d-flex" style="width: 40%;"> <div class="d-flex" style="width: 40%;">
<img src="../../../static/images/lightImageUrl.png" alt="" style="width: 100%;"> <img src="../../../static/images/lightImageUrl.png" alt="" style="width: 100%;">
@ -376,7 +376,7 @@
<div class="section-block section-block-3" v-if="isLogin"> <div class="section-block section-block-3" v-if="isLogin">
<h1 class="mb-3">向账户充值</h1> <h1 class="mb-3">向账户充值</h1>
<div class="mb-3">将法币或加密货币资金</div> <div class="mb-3">将法币或加密货币资金</div>
<div class="btn3 mb-5"><a href="#/exchange" style="color: black">向账户充值</a></div> <div class="btn3 mb-5"><router-link to="/exchange" class="target-a">向账户充值</router-link></div>
<div class="d-flex justify-content-between"> <div class="d-flex justify-content-between">
<div class="box"><div>VGX/USDT <span>-1.5%</span></div><div class="num1">0.848</div><div>$0.23424</div></div> <div class="box"><div>VGX/USDT <span>-1.5%</span></div><div class="num1">0.848</div><div>$0.23424</div></div>
<div class="box"><div>VGX/USDT <span>-1.5%</span></div><div class="num1">0.848</div><div>$0.23424</div></div> <div class="box"><div>VGX/USDT <span>-1.5%</span></div><div class="num1">0.848</div><div>$0.23424</div></div>
@ -396,7 +396,7 @@
<div class="section-block section-block-2"> <div class="section-block section-block-2">
<div class="d-flex justify-content-between"> <div class="d-flex justify-content-between">
<h1>热门加密货币</h1> <h1>热门加密货币</h1>
<span>查看更多</span> <span><router-link to="/exchange" class="target-a">查看更多</router-link></span>
</div> </div>
<div class="d-flex justify-content-between mb-4"> <div class="d-flex justify-content-between mb-4">
<div style="width:25%;"> <div style="width:25%;">
@ -418,14 +418,14 @@
</div> </div>
<div> <div>
<div style="font-weight: bold;font-size: 22px;">立即注册免费创建投资组合</div> <div style="font-weight: bold;font-size: 22px;">立即注册免费创建投资组合</div>
<div class="btn3 mt-3">开始使用</div> <div class="btn3 mt-3"><router-link to="/sign-in" class="target-a">开始使用</router-link></div>
</div> </div>
</div> </div>
<div class="section-block section-block-5 d-flex justify-content-between"> <div class="section-block section-block-5 d-flex justify-content-between">
<div> <div>
<h2 class="mb-3">免费交易比特币</h2> <h2 class="mb-3">免费交易比特币</h2>
<div class="mb-5" style="color: #6A6E74;">选择特定比特币(BTC)现货交易对畅享零交易手续费</div> <div class="mb-5" style="color: #6A6E74;">选择特定比特币(BTC)现货交易对畅享零交易手续费</div>
<div class="btn5">了解更多</div> <div class="btn5"><router-link to="/college/list/18" class="target-a">了解更多</router-link></div>
</div> </div>
<div><img src="../../../static/images/illustration-2.png" alt="" width="550" height="310"></div> <div><img src="../../../static/images/illustration-2.png" alt="" width="550" height="310"></div>
</div> </div>

Loading…
Cancel
Save