Skip to content
Projects
Groups
Snippets
Help
This project
Loading...
Sign in / Register
Toggle navigation
B
beyond-clouds-front
Overview
Overview
Details
Activity
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
Administrator
beyond-clouds-front
Commits
523a159d
Commit
523a159d
authored
Jan 15, 2020
by
高浩杰
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
finish answerCard
parent
8611d710
Hide whitespace changes
Inline
Side-by-side
Showing
4 changed files
with
142 additions
and
3 deletions
+142
-3
components/pc/myAnswer.vue
+84
-0
components/pc/projectCard.vue
+0
-1
components/pc/topicListCard.vue
+49
-0
pages/index.vue
+9
-2
No files found.
components/pc/myAnswer.vue
0 → 100644
View file @
523a159d
<
template
>
<div
class=
"my-answer__warp"
>
<div
class=
"my-answer"
>
<div
class=
"title"
>
这个是问题的标题
</div>
<div
class=
"content"
>
<p
class=
"content-secondary"
>
我的回答
<span
v-if=
"isAdopt"
>
(已采纳)
</span></p>
<p
class=
"content-main"
>
这个是回答的内容
</p>
</div>
<div
class=
"footer"
>
<span
class=
"footer-timer"
>
2019-02-20 14:20
</span>
<div>
<span>
评论
</span>
<span>
20
</span>
</div>
<div>
<span>
赞
</span>
<span>
50
</span>
</div>
</div>
</div>
</div>
</
template
>
<
script
>
export
default
{
name
:
"myAnswer"
,
props
:
{
info
:
Object
},
data
(){
return
{
isAdopt
:
false
,
}
}
}
</
script
>
<
style
lang=
"scss"
scoped
>
.my-answer__warp
{
.my-answer{
@extend
%cursorPointer;
text-align
:
left
;
box-sizing
:
border-box
;
width
:
938
*$
length
;
padding
:
21
*$
length
24
*$
length
;
border-bottom
:
1px
dashed
#EFEFEF
;
&:hover{
>
.title{
color
:
#00AAE6
;
}
}
>
.title
{
@extend
%animate-transition;
@include
fontStyle(18,25,500,#222,left);
}
.content
{
margin-top
:
12
*$
length
;
margin-bottom
:
11
*$
length
;
.content-secondary{
padding-bottom
:
6
*$
length
;
@include
fontStyle(12,17,500,#999,left);
>
span{
color
:
#75D098
;
}
}
.content-main
{
width
:
100%
;
@include
fontStyle(14,20,500,#333,left);
@extend
%nowrap;
}
}
.footer
{
@include
fontStyle(12,17,500,#999,left);
.footer-timer{
margin-right
:
32
*$
length
;
}
div
{
display
:
inline-block
;
margin-right
:
32
*$
length
;
}
}
}
}
</
style
>
components/pc/projectCard.vue
View file @
523a159d
...
...
@@ -158,7 +158,6 @@
>
span{
margin
:
0
3
*$
length
;
}
}
.info-right
{
...
...
components/pc/topicListCard.vue
0 → 100644
View file @
523a159d
<
template
>
<div
class=
"top-list-card__wrap"
>
<div
class=
"top-list-card"
>
<div
class=
"top-list-card__left"
>
1
</div>
<div
class=
"top-list-card__center"
>
<span>
啦啦啦
</span>
<span>
12316541
</span>
</div>
<div
class=
"top-list-card__right"
>
<div
class=
"icon-box"
>
<yun-icon
name=
"top"
></yun-icon>
</div>
<div
class=
"icon-box"
>
<span>
新
</span>
</div>
</div>
</div>
</div>
</
template
>
<
script
>
export
default
{
name
:
"topicListCard"
}
</
script
>
<
style
lang=
"scss"
scoped
>
.top-list-card__wrap
{
.top-list-card{
width
:
1044
*$
length
;
height
:
35
*$
length
;
@extend
%flex-row-spb;
justify-content
:
flex-start
;
.top-list-card__left{
margin-left
:
107
*$
length
;
@include
fontStyle(12,12,500,#222,left);
}
.top-list-card__center
{
width
:
424
*$
length
;
@include
fontStyle(12,17,500,#00AAE6,left);
}
.top-list-card__right
{
.icon-box{
display
:
inline-block
;
}
}
}
}
</
style
>
pages/index.vue
View file @
523a159d
<
template
>
<div
class=
"container"
>
<div>
<banner></banner>
<h1
class=
"title"
>
beyond-clouds-front
</h1>
<project-card></project-card>
<answer-card></answer-card>
<my-answer></my-answer>
<topic-list-card></topic-list-card>
<h2
class=
"subtitle"
@
click=
"showAlert"
>
beyond-clouds project
</h2>
...
...
@@ -16,6 +20,9 @@
import
Banner
from
'../components/pc/banner'
;
import
ProjectCard
from
'../components/pc/projectCard'
;
import
AnswerCard
from
'../components/pc/answerCard'
;
import
MyAnswer
from
'../components/pc/myAnswer'
;
import
TopicListCard
from
'../components/pc/topicListCard'
;
export
default
{
...
...
@@ -25,7 +32,7 @@ export default {
}
},
components
:{
Banner
,
ProjectCard
Banner
,
ProjectCard
,
AnswerCard
,
MyAnswer
,
TopicListCard
},
methods
:{
...
...
@@ -59,7 +66,7 @@ export default {
}
</
script
>
<
style
>
<
style
scoped
>
.container
{
margin
:
0
auto
;
min-height
:
300vh
;
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment