Browse Source

首页新增滚动标题

master
liaoxinyu 2 years ago
parent
commit
bfc7c111ef
  1. 3
      src/i18n/de.json
  2. 3
      src/i18n/en.json
  3. 3
      src/i18n/fra.json
  4. 3
      src/i18n/it.json
  5. 3
      src/i18n/jp.json
  6. 3
      src/i18n/kor.json
  7. 3
      src/i18n/pt.json
  8. 3
      src/i18n/spa.json
  9. 3
      src/i18n/tr.json
  10. 3
      src/i18n/tw.json
  11. 101
      src/views/home/index.vue

3
src/i18n/de.json

@ -535,7 +535,8 @@
"download":"AMATAK mobile Terminal herunterladen",
"easy":"Offener Palmhandel jederzeit und überall",
"skan":"Scan-Code und Download jetzt",
"core_advantages":"Meine Kernkraft sind Daten"
"core_advantages":"Meine Kernkraft sind Daten",
"announcement": "Um neue und alte Kunden zu belohnen, erhalten Sie bei der Registrierung eines Kontos jetzt 300 USDT."
},
"option": {
"waitFor":"Warten auf die Lieferung",

3
src/i18n/en.json

@ -630,7 +630,8 @@
"download": "Download AMATAK APP",
"easy": "Open palm trading anytime, anywhere",
"skan": "Scan code now to download",
"core_advantages": "My core strength is data"
"core_advantages": "My core strength is data",
"announcement": "In order to give back to new and old customers, registering an account now will give you 300 USDT"
},
"option": {
"waitFor": "Waiting for delivery",

3
src/i18n/fra.json

@ -535,7 +535,8 @@
"download":"Télécharger le terminal mobile AMATAK",
"easy":"Ouvrir le commerce de poche n'importe quand, n'importe où",
"skan":"Numériser le Code pour télécharger maintenant",
"core_advantages":"Mon principal avantage est les données."
"core_advantages":"Mon principal avantage est les données.",
"announcement": "Afin de redonner aux nouveaux et anciens clients, créer un compte maintenant vous rapportera 300 USDT"
},
"option": {
"waitFor":"En attente de clôture",

3
src/i18n/it.json

@ -535,7 +535,8 @@
"download":"Scarica terminale mobile AMATAK",
"easy":"Aprire il palmo trading in qualsiasi momento, ovunque",
"skan":"Scansione codice e download ora",
"core_advantages":"La mia forza principale è dati"
"core_advantages":"La mia forza principale è dati",
"announcement": "Per premiare i nuovi e vecchi clienti, la registrazione di un account adesso ti darà 300 USDT"
},
"option": {
"waitFor":"In attesa di consegna",

3
src/i18n/jp.json

@ -534,7 +534,8 @@
"download":"ダウンロードAMATAKモバイル端末",
"easy":"いつでもどこでも、手のひらの取引を開始します。",
"skan":"すぐにコードをスキャンしてダウンロードします",
"core_advantages":"私の核心の優位はデータです。"
"core_advantages":"私の核心の優位はデータです。",
"announcement": "新規および既存の顧客に報酬を与えるために、今アカウントを登録すると 300 USDT が付与されます"
},
"option": {
"coinType":"貨幣種類",

3
src/i18n/kor.json

@ -534,7 +534,8 @@
"download":"AMATAK 이동 단 다운로드",
"easy":"언제 어디서나 거래 를 시작 하 다.",
"skan":"즉시 스 캔 다운로드",
"core_advantages":"저의 핵심 장점 은 데이터 입 니 다."
"core_advantages":"저의 핵심 장점 은 데이터 입 니 다.",
"announcement": "신규 및 기존 고객에게 보상을 제공하기 위해 지금 계정을 등록하면 300 USDT를 받게 됩니다."
},
"option": {
"coinType":"화폐 종류.",

3
src/i18n/pt.json

@ -535,7 +535,8 @@
"download":"Baixe o AMATAK móvel",
"easy":"A qualquer momento e em qualquer lugar, abra a negociação na mão",
"skan":"Varre o código para baixar imediatamente",
"core_advantages":"Minha principal força são os dados"
"core_advantages":"Minha principal força são os dados",
"announcement": "Para recompensar clientes novos e antigos, registrar uma conta agora lhe dará 300 USDT"
},
"option": {
"waitFor":"À espera da entrega.",

3
src/i18n/spa.json

@ -535,7 +535,8 @@
"download":"Descargar el terminal móvil AMATAK",
"easy":"En cualquier momento, en cualquier lugar, abrir el comercio de la palma de la mano",
"skan":"Descarga de código escaneado ahora",
"core_advantages":"Mi principal ventaja son los datos"
"core_advantages":"Mi principal ventaja son los datos",
"announcement": "Para recompensar a los clientes nuevos y antiguos, registrar una cuenta ahora le otorgará 300 USDT"
},
"option": {
"waitFor":"Esperando la entrega",

3
src/i18n/tr.json

@ -535,7 +535,8 @@
"download":"AMATAK mobil terminalini indirin",
"easy":"Her zaman, her yerde el ticareti açın",
"skan":"Şimdi indirmek için kodu tarayın",
"core_advantages":"Temel gücüm veri"
"core_advantages":"Temel gücüm veri",
"announcement": "Yeni ve eski müşterileri ödüllendirmek amacıyla şimdi bir hesap kaydettirmek size 300 USDT kazandıracak"
},
"option":{
"waitFor":"Teslim edilmeyi bekliyor",

3
src/i18n/tw.json

@ -570,7 +570,8 @@
"download": "下載AMATAK移動端",
"easy": "隨時隨地,開啟掌上交易",
"skan": "立即掃碼下載",
"core_advantages": "我的覈心優勢是數據"
"core_advantages": "我的覈心優勢是數據",
"announcement": "為了回饋新舊客戶現在註冊帳戶將會贈送300USDT"
},
"option": {
"waitFor": "等待交割",

101
src/views/home/index.vue

@ -1,5 +1,14 @@
<template>
<div id="dowebok" ref="dowebok">
<div class="marquee">
<div class="marquee-pargress d-flex">
<ul class="marquee-list d-flex" v-for="box in 3" :key="box+'box'">
<li class="marquee-box">
<div class="price-info d-flex">{{$t("home.announcement")}}</div>
</li>
</ul>
</div>
</div>
<div class="section">
<div class="banner-block col-xs-8">
<!-- <el-carousel :interval="6000" height="490px" style="width: 100%">
@ -964,34 +973,34 @@ export default {
skroll() {
let skro = this.skro;
skro
.add(".marquee-list .item", {
animation: "fadeInLeft",
delay: 80,
duration: 1000,
})
.add(".new-ticker-block", {
animation: "fadeInRight",
delay: 80,
duration: 800,
})
.add(".shlitu", {
animation: "fadeInLeft",
delay: 80,
duration: 800,
})
.add(".activity-box", {
animation: "zoomIn",
delay: 80,
duration: 800,
})
.add(".lattest-news-section .item", {
animation: "zoomIn",
wait: 150,
delay: 80,
duration: 800,
})
.init();
// skro
// .add(".marquee-list .item", {
// animation: "fadeInLeft",
// delay: 80,
// duration: 1000,
// })
// .add(".new-ticker-block", {
// animation: "fadeInRight",
// delay: 80,
// duration: 800,
// })
// .add(".shlitu", {
// animation: "fadeInLeft",
// delay: 80,
// duration: 800,
// })
// .add(".activity-box", {
// animation: "zoomIn",
// delay: 80,
// duration: 800,
// })
// .add(".lattest-news-section .item", {
// animation: "zoomIn",
// wait: 150,
// delay: 80,
// duration: 800,
// })
// .init();
},
//
@ -1346,31 +1355,33 @@ path {
.marquee {
width: 100%;
height: 60px;
height: 80px;
background-color: #0d0e12;
.marquee-pargress {
align-items: center;
width: 100%;
height: 60px;
height: 80px;
// background: ("../../assets/img/bg/5.png") no-repeat !important;
background-size: 100% 100%;
}
.marquee-list{
background-color: #0d0e12;
}
li.item {
font-size: 24px;
li.marquee-box {
// font-size: 24px;
font-size: 18px;
color: white;
flex: 1;
justify-content: space-around;
align-items: center;
margin: 0 100px;
padding: 10px 18px !important;
.price-info {
justify-content: space-around;
}
.justify-content-between {
justify-content: space-around;
align-items: center;
}
min-width: 900px;
// flex: 1;
// justify-content: space-around;
// align-items: center;
// margin: 0 100px;
padding: 0px 20px !important;
}
.price-info {
justify-content: space-around;
}
}

Loading…
Cancel
Save