|
|
|
@ -50,23 +50,36 @@ |
|
|
|
</div> --> |
|
|
|
</div> |
|
|
|
<!-- 加密货币之门 --> |
|
|
|
<div class="section illustration_area"> |
|
|
|
<div class="left"> |
|
|
|
<div class="title">{{ $t("homeNewText.aa1") }}</div> |
|
|
|
<div style="font-size: 20px;margin: 25px auto 60px;">{{ $t("homeNewText.aa2") }}</div> |
|
|
|
<router-link v-if="!isLogin" class="btn" :to="{name:'signUp'}"> |
|
|
|
<!-- <img src="../../assets/img/fas fa-user-plus@3x.png" alt=""> --> |
|
|
|
{{ $t("homeNewText.aa3") }} |
|
|
|
</router-link> |
|
|
|
<router-link v-else class="btn" :to="{name:'exchange'}"> |
|
|
|
<!-- <img src="../../assets/img/riFill-exchange-fill@3x.png" alt=""> --> |
|
|
|
{{ $t("homeNewText.aa4") }} |
|
|
|
</router-link> |
|
|
|
</div> |
|
|
|
<div class="right"> |
|
|
|
<img src="../../assets/img/illustration_1.png" alt="" style="width: 456px;height: 473px;"> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div> |
|
|
|
<el-carousel :interval="3000" height="560px" indicator-position="none"> |
|
|
|
<el-carousel-item> |
|
|
|
<div style="width: 1917px;"> |
|
|
|
<div class="section illustration_area"> |
|
|
|
<div class="left"> |
|
|
|
<div class="title">{{ $t("homeNewText.aa1") }}</div> |
|
|
|
<div style="font-size: 20px;margin: 25px auto 60px;">{{ $t("homeNewText.aa2") }}</div> |
|
|
|
<router-link v-if="!isLogin" class="btn" :to="{name:'signUp'}"> |
|
|
|
<!-- <img src="../../assets/img/fas fa-user-plus@3x.png" alt=""> --> |
|
|
|
{{ $t("homeNewText.aa3") }} |
|
|
|
</router-link> |
|
|
|
<router-link v-else class="btn" :to="{name:'exchange'}"> |
|
|
|
<!-- <img src="../../assets/img/riFill-exchange-fill@3x.png" alt=""> --> |
|
|
|
{{ $t("homeNewText.aa4") }} |
|
|
|
</router-link> |
|
|
|
</div> |
|
|
|
<div class="right"> |
|
|
|
<img src="../../assets/img/illustration_1.png" alt="" style="width: 456px;height: 473px;"> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</el-carousel-item> |
|
|
|
<el-carousel-item> |
|
|
|
<div> |
|
|
|
<img src="../../assets/img/home2.jpg" alt=""> |
|
|
|
</div> |
|
|
|
</el-carousel-item> |
|
|
|
</el-carousel> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="market_table" v-if="marketList[0]"> |
|
|
|
<div style="font-size: 42px;text-align: center;font-weight: bold;color: #101010;">{{ $t("homeNewText.aa5") }}</div> |
|
|
|
@ -633,16 +646,16 @@ |
|
|
|
|
|
|
|
<script> |
|
|
|
import Vue from "vue"; |
|
|
|
// import VueAwesomeSwiper from "vue-awesome-swiper"; |
|
|
|
import VueAwesomeSwiper from "vue-awesome-swiper"; |
|
|
|
import vueQr from "vue-qr"; |
|
|
|
import Home from "@/api/home"; |
|
|
|
// import "swiper/swiper-bundle.css"; |
|
|
|
import "swiper/swiper-bundle.css"; |
|
|
|
import Socket from "@/api/server/Socket.js"; |
|
|
|
import College from "@/api/college"; |
|
|
|
import Member from "@/api/member"; |
|
|
|
import * as d3 from 'd3'; |
|
|
|
import priceLine from "../market/price-line"; |
|
|
|
// Vue.use(VueAwesomeSwiper); |
|
|
|
Vue.use(VueAwesomeSwiper); |
|
|
|
export default { |
|
|
|
components: { |
|
|
|
vueQr, |
|
|
|
@ -718,6 +731,16 @@ export default { |
|
|
|
el: ".swiper-pagination", |
|
|
|
}, |
|
|
|
}, |
|
|
|
swipere: { |
|
|
|
loopedSlides: 6, |
|
|
|
slidesPerView: 1, |
|
|
|
loop: true, |
|
|
|
// autoplay: { |
|
|
|
// delay: 2000, |
|
|
|
// stopOnLastSlide: false, |
|
|
|
// disableOnInteraction: false |
|
|
|
// }, |
|
|
|
}, |
|
|
|
bannerList: [], |
|
|
|
articleList: [], |
|
|
|
homeList: [], |
|
|
|
|
