Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
番红炒西茄柿
csdn-datav
提交
ee3996f9
C
csdn-datav
项目概览
番红炒西茄柿
/
csdn-datav
与 Fork 源项目一致
Fork自
uoyizcat / csdn-datav
通知
1
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
C
csdn-datav
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
前往新版Gitcode,体验更适合开发者的 AI 搜索 >>
提交
ee3996f9
编写于
11月 15, 2022
作者:
U
uoyiz
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
uoyiz
上级
cfce5643
变更
3
隐藏空白更改
内联
并排
Showing
3 changed file
with
94 addition
and
1 deletion
+94
-1
doc/develop.md
doc/develop.md
+1
-1
src/router.js
src/router.js
+10
-0
src/view/pc/similar.vue
src/view/pc/similar.vue
+83
-0
未找到文件。
doc/develop.md
浏览文件 @
ee3996f9
# 开发文档
npm instasll
# 开发文档
## 环境准备
### 云IDE
...
...
src/router.js
浏览文件 @
ee3996f9
...
...
@@ -43,6 +43,16 @@ const routes = [
pageSpm
:
'
1011.2266
'
}
},
{
path
:
'
similar
'
,
component
:
()
=>
import
(
'
./view/pc/similar.vue
'
),
meta
:
{
title
:
'
与我相似的用户 - 开源实验室
'
,
navTitle
:
'
相似用户
'
,
name
:
'
全网博主原力月度排名
'
,
pageSpm
:
'
1011.2266
'
}
},
]
},
{
...
...
src/view/pc/similar.vue
0 → 100644
浏览文件 @
ee3996f9
<
template
>
<!-- -->
<div
class=
"force"
>
<div
class=
"map"
>
<ForceMap
:optionList=
"optionList"
:mapStyle=
"mapStyle"
title=
"原力值"
@
setrankList=
"setrankList"
/>
</div>
<div
class=
"user-rank-list"
>
<RankList
title=
"用户原力月榜"
@
clear=
"clear"
:dropdownList=
"dropdownList"
listTitle=
"原力值"
@
dropdownFn=
"dropdownFn"
:city=
"city"
:rankData=
"rankData"
/>
</div>
</div>
</
template
>
<
script
>
import
ForceMap
from
'
./mapForce.vue
'
import
RankList
from
"
./rankList.vue
"
;
import
{
getForceInfo
}
from
'
@/server/screen-data
'
export
default
{
data
()
{
return
{
optionList
:
[],
rankData
:
[],
rankList
:[],
city
:
'
全国
'
,
dropdownList
:[],
mapStyle
:{
width
:
'
1000
'
,
height
:
'
900
'
,
tooltip
:
true
,
zoom
:
1.5
},
}
},
methods
:
{
dropdownFn
(
val
){
this
.
city
=
val
this
.
rankData
=
this
.
optionList
.
find
(
it
=>
it
.
city
==
val
).
list
},
clear
(){
this
.
rankData
=
this
.
rankList
this
.
city
=
'
全国
'
},
getlist
()
{
getForceInfo
().
then
((
res
)
=>
{
if
(
res
.
status
==
200
)
{
this
.
optionList
=
res
.
data
.
data
.
cityInfoList
this
.
rankData
=
res
.
data
.
data
.
countryTop
this
.
rankList
=
res
.
data
.
data
.
countryTop
this
.
dropdownList
=
res
.
data
.
data
.
cityInfoList
.
map
(
it
=>
it
.
city
)
}
}).
catch
(()
=>
{
})
},
setrankList
(
data
){
this
.
rankData
=
data
.
list
this
.
city
=
data
.
city
}
},
created
(){
this
.
mapStyle
.
width
=
document
.
documentElement
.
clientWidth
this
.
mapStyle
.
height
=
document
.
documentElement
.
clientHeight
-
66
},
mounted
()
{
this
.
getlist
()
},
components
:
{
ForceMap
,
RankList
},
}
</
script
>
<
style
scoped
lang=
"scss"
>
.force
{
width
:
100%
;
display
:
flex
;
justify-content
:
space-between
;
position
:
relative
;
.user-rank-list
{
top
:
40px
;
position
:
absolute
;
right
:
40px
;
}
}
</
style
>
\ No newline at end of file
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录