|
|
|
@ -1,6 +1,10 @@ |
|
|
|
<template> |
|
|
|
<!-- colto-section --> |
|
|
|
<footer class="footer" @click="toggleMenu($event,2)"> |
|
|
|
<div class="cszone" v-if="getUserInfo.is_agency!=1"> |
|
|
|
<a href="javascript:void(0);" @click="scbox()"><img src="../assets/img/home/kefu.png"></a> |
|
|
|
<span class="circle-pulse1" v-if="newscount!==0">{{newscount>=100?'99+':newscount}}</span> |
|
|
|
</div> |
|
|
|
<div class="content"> |
|
|
|
<div class="footer-upper-section"> |
|
|
|
<!-- logo --> |
|
|
|
@ -281,6 +285,11 @@ |
|
|
|
<img src="../assets/img/home/bitqr.png" alt="" style="width: 120px;height: 120px;"> |
|
|
|
<div style="font-size: 16px; color: #9c9c9c;margin-top: 12px;">{{ $t("homeNewText.ff20") }}</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="cspopup" :class='{"hidden":ispopup?"":"none"}'> |
|
|
|
<a href="javascript:void(0);" class="close_btn" @click="closebox();">x</a> |
|
|
|
<iframe width="100%" height="100%" class="my-modal-body" :src="ifurl" frameborder="0" style="border-radius: 10px;background-color: #fff;"></iframe> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</footer> |
|
|
|
</template> |
|
|
|
@ -288,6 +297,8 @@ |
|
|
|
<script> |
|
|
|
import College from "@/api/college"; |
|
|
|
import ContactUs from "@/api/contactUs"; |
|
|
|
import Member from "@/api/member"; |
|
|
|
import Home from "@/api/home"; |
|
|
|
import { mapState } from "vuex"; |
|
|
|
|
|
|
|
export default { |
|
|
|
@ -296,6 +307,9 @@ export default { |
|
|
|
service: [], |
|
|
|
college: [], |
|
|
|
email: "", |
|
|
|
ispopup:false, |
|
|
|
ifurl:"", |
|
|
|
getUserInfo:JSON.parse(localStorage.getItem('auth')), |
|
|
|
list: [ |
|
|
|
{ src: "https://www.rsncoin.com/static/flag/discord.png" }, |
|
|
|
{ src: "https://www.rsncoin.com/static/flag/telegram.png" }, |
|
|
|
@ -363,7 +377,8 @@ export default { |
|
|
|
url: require("../assets/img/tw.jpg"), |
|
|
|
}, |
|
|
|
], |
|
|
|
showMenu: false |
|
|
|
showMenu: false, |
|
|
|
newscount:0 |
|
|
|
}; |
|
|
|
}, |
|
|
|
computed: { |
|
|
|
@ -387,6 +402,9 @@ export default { |
|
|
|
this.langer = require("../assets/img/" + lang + ".jpg"); |
|
|
|
return this.langList.find((item) => item.value == lang).label; |
|
|
|
}, |
|
|
|
isLogin() { |
|
|
|
return Boolean(localStorage.token); |
|
|
|
}, |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
Jump(vle){ |
|
|
|
@ -440,12 +458,54 @@ export default { |
|
|
|
}) |
|
|
|
.catch((err) => {}); |
|
|
|
}, |
|
|
|
scbox(e){ |
|
|
|
// under login |
|
|
|
if (this.isLogin) { |
|
|
|
// get user infomation |
|
|
|
let user_str = localStorage.getItem("auth"); |
|
|
|
if(user_str!=""){ |
|
|
|
let user = JSON.parse(user_str); |
|
|
|
// 查询对应的推荐人帐号 |
|
|
|
Member.getUnameByUid({user_id:user.referrer}).then(rfres=>{ |
|
|
|
// query referr uname |
|
|
|
this.ifurl ="https://cs.coinovi.com/chat/?toid="+rfres.username+"&room_id="+user.account+"&usid="+user.user_id; |
|
|
|
// show popup |
|
|
|
this.ispopup = ! this.ispopup |
|
|
|
this.chatRead() |
|
|
|
}) |
|
|
|
} |
|
|
|
} else { |
|
|
|
console.log("login fisrt!!") |
|
|
|
this.$router.push({ path: '/sign-in' }); |
|
|
|
} |
|
|
|
}, |
|
|
|
closebox(){ |
|
|
|
if(this.ispopup){ |
|
|
|
this.ispopup = false |
|
|
|
} |
|
|
|
this.ispopup =false |
|
|
|
}, |
|
|
|
chat(){ |
|
|
|
Home.chat().then(res => { |
|
|
|
this.newscount = res.count; |
|
|
|
}) |
|
|
|
}, |
|
|
|
chatRead(){ |
|
|
|
Home.chatRead().then(res => { |
|
|
|
console.log(res,'已读'); |
|
|
|
}) |
|
|
|
} |
|
|
|
}, |
|
|
|
created() { |
|
|
|
this.getCollegeLinks(); |
|
|
|
this.getServiceLink(); |
|
|
|
console.log(this.service); |
|
|
|
this.getEmial(); |
|
|
|
if(this.isLogin){ |
|
|
|
this.chatcount = setInterval(()=>{ |
|
|
|
this.chat() |
|
|
|
},2000) |
|
|
|
} |
|
|
|
}, |
|
|
|
}; |
|
|
|
</script> |
|
|
|
@ -455,12 +515,28 @@ export default { |
|
|
|
background-color: #121212; |
|
|
|
border-top: none; |
|
|
|
|
|
|
|
.cszone{ |
|
|
|
width:48px; |
|
|
|
position:fixed; |
|
|
|
bottom:10%; |
|
|
|
right:26px; |
|
|
|
z-index:999; |
|
|
|
background-color: #fff; |
|
|
|
border-radius: 10px; |
|
|
|
} |
|
|
|
|
|
|
|
.cszone img{ |
|
|
|
text-align:center; |
|
|
|
width:48px; |
|
|
|
height:48px; |
|
|
|
} |
|
|
|
|
|
|
|
.content{ |
|
|
|
display: flex; |
|
|
|
justify-content: space-between; |
|
|
|
align-items: center; |
|
|
|
width: 1200px; |
|
|
|
// height: 560px; |
|
|
|
height: 560px; |
|
|
|
margin: 0px auto; |
|
|
|
} |
|
|
|
.footer-upper-section { |
|
|
|
@ -590,7 +666,35 @@ export default { |
|
|
|
color: #fff; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.cspopup{ |
|
|
|
position:fixed; |
|
|
|
top:50%; |
|
|
|
left:50%; |
|
|
|
transform: translate(-50%, -50%); |
|
|
|
width:560px; |
|
|
|
height:560px; |
|
|
|
z-index:999; |
|
|
|
|
|
|
|
.close_btn{ |
|
|
|
width:35px; |
|
|
|
height:35px; |
|
|
|
font-size:20px; |
|
|
|
font-weight:500; |
|
|
|
line-height:30px; |
|
|
|
text-align:center; |
|
|
|
display:block; |
|
|
|
color:#fff; |
|
|
|
background:#553646; |
|
|
|
border-radius:50%; |
|
|
|
position:absolute; |
|
|
|
right:-10px; |
|
|
|
top:-10px; |
|
|
|
z-index:1000; |
|
|
|
} |
|
|
|
} |
|
|
|
.hidden{ |
|
|
|
display:none; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.serviceText{ |
|
|
|
@ -639,4 +743,19 @@ export default { |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.circle-pulse1 { |
|
|
|
background: red; |
|
|
|
display: flex; |
|
|
|
justify-content: center; |
|
|
|
align-items: center; |
|
|
|
min-width: 20px; |
|
|
|
height: 20px; |
|
|
|
font-size: 12px; |
|
|
|
border-radius: 50%; |
|
|
|
position: absolute; |
|
|
|
right: -20%; |
|
|
|
top: -10px; |
|
|
|
color: #fff; |
|
|
|
} |
|
|
|
</style> |
|
|
|
|
