Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
代码敲不队
YoubiliProject
提交
4d63d6fe
Y
YoubiliProject
项目概览
代码敲不队
/
YoubiliProject
通知
7
Star
1
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
Y
YoubiliProject
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
4d63d6fe
编写于
6月 13, 2023
作者:
喷火的神灵
🎱
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
设计部分
上级
52c5c373
变更
2
显示空白变更内容
内联
并排
Showing
2 changed file
with
150 addition
and
98 deletion
+150
-98
YouBili_front/src/views/contribute/contribute.vue
YouBili_front/src/views/contribute/contribute.vue
+5
-1
YouBili_front/src/views/personal/fans.vue
YouBili_front/src/views/personal/fans.vue
+145
-97
未找到文件。
YouBili_front/src/views/contribute/contribute.vue
浏览文件 @
4d63d6fe
...
...
@@ -4,8 +4,10 @@
justify-content: center;align-items: center; width: calc(100vw - 500px);
height:700px;margin-right: 500px;margin-left: 0px /* 设置容器高度为视口高度 */;overflow: hidden"
>
<div
style=
"width: 1000px;height: 600px;margin-top: 20px;position: absolute"
>
<el-card>
<!-- 页面标题 -->
<h1
style=
"margin-bottom: 50px;text-align: center;color: #303133;font-family: 'Microsoft YaHei', sans-serif;"
>
投稿中心
</h1>
...
...
@@ -81,12 +83,14 @@
:on-success=
"handleSuccess"
:on-preview=
"handlePictureCardPreview"
:on-remove=
"handleRemove"
>
<el-button
type=
"primary"
>
点击上传
</el-button>
<div>
只能上传mp4文件,且不超过100MB
</div>
<el-button
type=
"primary"
style=
"margin-left: 150px"
>
点击上传
</el-button>
</el-upload>
</el-form-item>
</el-form>
</el-card>
</div>
</div>
</
template
>
...
...
YouBili_front/src/views/personal/fans.vue
浏览文件 @
4d63d6fe
<!--个人中心-->
<
template
>
<div
class=
"idxs"
>
<!-- 设置关注和粉丝之间的跳转-->
...
...
@@ -8,8 +7,11 @@
</el-menu>
<el-empty
description=
"没有关注"
v-if=
"abc"
></el-empty>
<div
v-for=
"v of number"
>
<el-card
style=
"height: 120px;width: 800px;margin-left: 200px;margin-top: 30px;"
>
<el-col
>
<el-card
class=
"zoom"
style=
"height: 120px;
width: 800px;
margin-left: 200px;
margin-top: 30px;"
>
<el-col>
<el-row
:span=
"8"
style=
"margin-top: 10px"
>
<div>
<el-popover
...
...
@@ -27,23 +29,24 @@
<span>
{{
v
.
follow
}}
</span>
</el-col>
</el-row>
<el-avatar
slot=
"reference"
style=
"cursor: pointer"
shape=
"square"
:size=
"60"
:src=
"squareUrl"
></el-avatar>
<div>
{{
v
.
tag
}}
</div>
<el-avatar
slot=
"reference"
style=
"cursor: pointer"
shape=
"square"
:size=
"60"
src=
"../../../public/logo1.png"
></el-avatar>
</el-popover>
</div>
</el-row>
<el-row
:span=
"8"
style=
"margin-top: -45px;margin-left: 50px"
>
<el-row
:span=
"8"
style=
"margin-top: -45px;margin-left: 50px"
>
<div
style=
"margin-left: 50px;margin-top: 0px"
><h3>
{{
v
.
name
}}
</h3></div>
</el-row>
<el-row
:span=
"8"
style=
"margin-left: 50px"
>
<p
style=
"margin-left: 50px;margin-top: 0px;color: #99a9bf"
>
{{
v
.
tag
}}
</p>
</el-row>
<el-row
:span=
"8"
style=
"margin-left: 650px;margin-top: -30px"
>
<el-button
type=
"primary"
round
>
关注
</el-button>
<el-row
:span=
"8"
style=
"margin-left: 650px;margin-top: -30px"
>
<el-button
:type=
"v.type ? 'danger' : 'primary'"
round
@
click=
"toggleFollow($event)"
v-model=
"v.type"
:value=
"v.id"
>
{{
v
.
type
?
'
取消关注
'
:
'
关注
'
}}
</el-button>
</el-row>
</el-col>
</el-card>
</div>
</div>
</
template
>
...
...
@@ -53,34 +56,71 @@ import Sidebar from "@/components/sidebar.vue";
export
default
{
name
:
"
personalCenter
"
,
components
:
{
Sidebar
,
Handder
},
components
:
{
Sidebar
,
Handder
},
data
()
{
return
{
radio1
:
'
1
'
,
radio2
:
'
2
'
,
activeName
:
'
first
'
,
abc
:
false
,
number
:
[
{
name
:
'
张三
'
,
tag
:
'
美好的生活大概就是白天又说有笑晚上睡个好觉
'
,
fans
:
12
,
follow
:
120
},
{
name
:
'
李四
'
,
tag
:
'
我够坚强,但不是所有的伤我都能抗
'
,
fans
:
40
,
follow
:
300
},
{
name
:
'
王五
'
,
tag
:
'
你的微博辣妹有那么多,原来我只是其中一个
'
,
fans
:
67
,
follow
:
420
},
{
name
:
'
赵六
'
,
tag
:
'
姑娘姑娘我就要嫁人啦
'
,
fans
:
80
,
follow
:
720
},
{
id
:
1
,
name
:
'
张三
'
,
tag
:
'
美好的生活大概就是白天又说有笑晚上睡个好觉
'
,
type
:
false
,
fans
:
12
,
follow
:
120
},
{
id
:
2
,
name
:
'
李四
'
,
tag
:
'
我够坚强,但不是所有的伤我都能抗
'
,
type
:
true
,
fans
:
40
,
follow
:
300
},
{
id
:
3
,
name
:
'
王五
'
,
tag
:
'
你的微博辣妹有那么多,原来我只是其中一个
'
,
type
:
false
,
fans
:
67
,
follow
:
420
},
{
id
:
4
,
name
:
'
赵六
'
,
tag
:
'
姑娘姑娘我就要嫁人啦
'
,
type
:
false
,
fans
:
80
,
follow
:
720
},
]
}
},
methods
:
{
handleClick
(
tab
,
event
)
{
console
.
log
(
tab
,
event
);
},
toggleFollow
(
event
)
{
// 获取点击的按钮对应的用户 id
let
id
=
event
.
target
.
value
;
// 在 number 数组中找到对应的用户对象
let
user
=
this
.
number
.
find
(
v
=>
v
.
id
==
id
);
// 切换用户的关注状态
user
.
type
=
!
user
.
type
;
if
(
user
.
type
)
{
// 弹出关注成功的框框
Notification
(
this
.
$notify
)({
title
:
'
关注成功
'
,
offset
:
100
,
type
:
"
success
"
});
}
else
{
// 弹出取消关注成功的框框
Notification
(
this
.
$notify
)({
title
:
'
取消关注
'
,
offset
:
100
,
type
:
"
error
"
});
}
},
},
created
()
{
}
...
...
@@ -90,7 +130,7 @@ export default {
<
style
scoped
>
@media
screen
and
(
min-width
:
1970px
){
@media
screen
and
(
min-width
:
1970px
)
{
.idxs
{
margin
:
60px
auto
;
width
:
calc
(
100%
-
290px
);
...
...
@@ -99,7 +139,7 @@ export default {
}
}
@media
screen
and
(
max-width
:
1969px
){
@media
screen
and
(
max-width
:
1969px
)
{
.idxs
{
/*width: 1270px;*/
/*min-width: 1000px;*/
...
...
@@ -111,13 +151,21 @@ export default {
min-width
:
1200px
;
margin
:
60px
auto
;
}
.idxs
{
.idxs
{
margin-left
:
250px
;
}
}
.el-card
:hover
{
.el-card
:hover
{
}
.zoom
:hover
{
transform
:
scale
(
1.1
);
/* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}
.zoom
{
transition
:
transform
0.3s
;
/* Animation */
}
</
style
>
\ No newline at end of file
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录