提交 143506d4 编写于 作者: 番红炒西茄柿's avatar 番红炒西茄柿

interest page done

上级 535b5c51
...@@ -10,6 +10,6 @@ export function getHardcoreFanInfo () { // 获取铁粉信息 ...@@ -10,6 +10,6 @@ export function getHardcoreFanInfo () { // 获取铁粉信息
export function getFanDistribution (name) { // 获取粉丝分布 export function getFanDistribution (name) { // 获取粉丝分布
return http.get(`${urlData}/v1/get-fan-distribution?username=${name}`) return http.get(`${urlData}/v1/get-fan-distribution?username=${name}`)
} }
export function getInterestInfo () { // 获取原力信息 export function getInterestInfo () { // 获取技术兴趣信息
return http.get(`${urlData}/v1/get-interest-info`) return http.get(`${urlData}/v1/get-interest-info`)
} }
\ No newline at end of file
...@@ -41,6 +41,7 @@ export default { ...@@ -41,6 +41,7 @@ export default {
getlist() { getlist() {
getInterestInfo().then((res) => { getInterestInfo().then((res) => {
if (res.status == 200) { if (res.status == 200) {
console.log(res.data.data)
this.optionList = res.data.data.cityInfoList this.optionList = res.data.data.cityInfoList
this.rankData = res.data.data.countryTop this.rankData = res.data.data.countryTop
this.rankList = res.data.data.countryTop this.rankList = res.data.data.countryTop
......
...@@ -25,7 +25,7 @@ ...@@ -25,7 +25,7 @@
</el-dropdown-menu> </el-dropdown-menu>
</el-dropdown> </el-dropdown>
<p v-if="userItem"><img src="@/assets/img/user.png" alt="" /><a target="_blank" :href="`https://blog.csdn.net/${userItem.username}`">{{userItem.nickname||userItem.username}}</a></p> <p v-if="userItem"><img src="@/assets/img/user.png" alt="" /><a target="_blank" :href="`https://blog.csdn.net/${userItem.name}`">{{userItem.nickname||userItem.name}}</a></p>
</div> </div>
<div class="rank-list-nav border"> <div class="rank-list-nav border">
<span class="mar">排名</span> <span class="mar">排名</span>
...@@ -37,7 +37,7 @@ ...@@ -37,7 +37,7 @@
<span class="mar">{{index+1}}</span> <span class="mar">{{index+1}}</span>
<p> <p>
<span <span
>{{item.nickname || item.username}}</span >{{item.nickname || item.name}}</span
> >
</p> </p>
<span>{{item.score}}</span> <span>{{item.score}}</span>
...@@ -74,8 +74,8 @@ export default { ...@@ -74,8 +74,8 @@ export default {
if (this.title == '用户原力月榜') { if (this.title == '用户原力月榜') {
window.open(`https://blog.csdn.net/`+item.username) window.open(`https://blog.csdn.net/`+item.username)
}else{ }else{
this.userItem = item // this.userItem = item
this.$emit('rankFans',item) // this.$emit('rankFans',item)
} }
} }
}, },
......
...@@ -164,7 +164,7 @@ export default { ...@@ -164,7 +164,7 @@ export default {
if (that.dataArray[params.dataIndex].list.length>0){ if (that.dataArray[params.dataIndex].list.length>0){
that.dataArray[params.dataIndex].list.forEach((item,index) => { that.dataArray[params.dataIndex].list.forEach((item,index) => {
if (index<3){ if (index<3){
demo += `<a href="${`https://blog.csdn.net/`+item.username}" target="_blank" class="exhibition active"><p class="back rank_${index+1}"></p> <p class="img"> <span>${item.nickname || item.username}</span></p> <p class="num">${item.score}</p></a>` demo += `<a href="${`https://blog.csdn.net/`+item.name}" target="_blank" class="exhibition active"><p class="back rank_${index+1}"></p> <p class="img"> <span>${item.nickname || item.name}</span></p> <p class="num">${item.score}</p></a>`
} }
}); });
}else{ }else{
...@@ -175,7 +175,7 @@ export default { ...@@ -175,7 +175,7 @@ export default {
} }
str = `<div class="popover"> str = `<div class="popover">
<div class="popover-top"> <div class="popover-top">
<p class="popover-title"> <a href="${`https://blog.csdn.net/`+that.dataArray[params.dataIndex].list[0].username}" target="_blank"> <span class="name"> ${that.dataArray[params.dataIndex].list[0].nickname || that.dataArray[params.dataIndex].list[0].username} </span></a> 成为 <span> ${params.name} </span> 技术兴趣之首 </p> <p class="popover-title"> <a href="${`https://blog.csdn.net/`+that.dataArray[params.dataIndex].list[0].name}" target="_blank"> <span class="name"> ${that.dataArray[params.dataIndex].list[0].nickname || that.dataArray[params.dataIndex].list[0].name} </span></a> 成为 <span> ${params.name} </span> 技术兴趣之首 </p>
<p class="popover-city"><i class="force"></i><span class="city">${params.name}</span> <span>${that.title}</span> <span class="num">${that.dataArray[params.dataIndex].score}</span></p> <p class="popover-city"><i class="force"></i><span class="city">${params.name}</span> <span>${that.title}</span> <span class="num">${that.dataArray[params.dataIndex].score}</span></p>
<div class="exhibition"><p>排名</p> <p class="img">技术领域</p> <p>${that.title}</p></div> <div class="exhibition"><p>排名</p> <p class="img">技术领域</p> <p>${that.title}</p></div>
${demo} ${demo}
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册