Skip to content
Projects
Groups
Snippets
Help
This project
Loading...
Sign in / Register
Toggle navigation
B
beyond-clouds-frontM
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
云深项目组
beyond-clouds-frontM
Commits
78722ed9
Commit
78722ed9
authored
Mar 15, 2020
by
yanju
Browse files
Options
Browse Files
Download
Plain Diff
Merge branch 'xue' into 'master'
search页面完成 See merge request
!15
parents
38112b34
96d96c9f
Hide whitespace changes
Inline
Side-by-side
Showing
2 changed files
with
131 additions
and
96 deletions
+131
-96
dev-schedule__xb.md
+1
-1
pages/search.vue
+130
-95
No files found.
dev-schedule__xb.md
View file @
78722ed9
...
...
@@ -6,4 +6,4 @@
+
空卡片(1)✅
+
错误页面 layouts/error.vue (2)✅
+
首页 pages/index(2)✅
+
搜索页 pages/search(3)
+
搜索页 pages/search(3)
✅
pages/search.vue
View file @
78722ed9
...
...
@@ -2,9 +2,9 @@
<yun-div
bg-color-v=
"white"
>
<yun-div
:padding-v=
"[34,0,4
0]"
>
<yun-div
:padding-v=
"[20,0,2
0]"
>
<yun-input
:width-v=
"704"
:height-v=
"72"
...
...
@@ -12,11 +12,26 @@
bg-color-v=
"#F4F8FA"
:border-v=
"[1,'solid',this.commonReturnPrimaryColor(0.2)]"
style=
"margin: 0 auto;"
v-model=
"question"
placeholder=
"请输入您要搜索的内容"
@
input=
"changeInput"
@
focus=
"focus"
>
</yun-input>
<yun-div
<yun-div
v-if=
"this.bottom1"
:ske-w=
"50"
:extend-style=
"
{
position:'absolute',right:commonReturnFlexedLength(40),top:commonReturnFlexedLength(44)
}"
:font-style="[24,30,400,'#999999','left']"
>取消
</yun-div>
<yun-div
v-if=
"this.bottom2"
:flex-v=
"['row','flex-start','center']"
style=
"position: absolute;right:23px;top: 34px;"
:extend-style=
"
{
position:'absolute',right:commonReturnFlexedLength(23),top:commonReturnFlexedLength(20)
}"
>
<yun-div
:width-v=
"36"
...
...
@@ -36,11 +51,43 @@
:size=
"[116,74]"
>
搜索
</yun-button>
</yun-div>
</yun-div>
<yun-div
width-v=
"100%"
:height-v=
"15"
bg-color-v=
"#EDF5F8"
></yun-div>
<!--搜索记录-->
<yun-div
:width-v=
"704"
:margin-v=
"[35,27,0,26]"
:flex-v=
"['row','flex-start','center']"
v-for=
"(item, index) in topicList"
:key=
"item"
>
<yun-div
:height-v=
"56"
:width-v=
"56"
:border-r=
"[28]"
:ske-h=
"56"
:ske-w=
"56"
:no-flex-shrink=
"true"
:show-ske=
"false"
:font-style=
"[28,56,500,'#00AAE6','center']"
>
<yun-icon
name=
"search"
:size=
"28"
color=
"#00AAE6"
></yun-icon>
</yun-div>
<yun-div
:font-style=
"[32,38,400,'black','center']"
:margin-v=
"[0,0,0,20]"
>
{{
item
}}
</yun-div>
</yun-div>
</yun-div>
<yun-div
v-if=
"this.bottom1"
:width-v=
"704"
:padding-v=
"[34,0,40]"
:margin-v=
"[0,'auto']"
...
...
@@ -67,49 +114,8 @@
:ske-w=
"250"
:margin-v=
"[0,0,40,0]"
:font-style=
"[26,30,400,'black','left']"
>
1.云深项目组
</yun-div>
<yun-div
:width-v=
"352"
:ske-w=
"250"
:margin-v=
"[0,0,40,0]"
:font-style=
"[26,30,400,'black','left']"
>
1.云深项目组
</yun-div>
<yun-div
:width-v=
"352"
:ske-w=
"250"
:margin-v=
"[0,0,40,0]"
:font-style=
"[26,30,400,'black','left']"
>
1.云深项目组
</yun-div>
<yun-div
:width-v=
"352"
:ske-w=
"250"
:margin-v=
"[0,0,40,0]"
:font-style=
"[26,30,400,'black','left']"
>
1.云深项目组
</yun-div>
<yun-div
:width-v=
"352"
:ske-w=
"250"
:margin-v=
"[0,0,40,0]"
:font-style=
"[26,30,400,'black','left']"
>
1.云深项目组
</yun-div>
<yun-div
:width-v=
"352"
:ske-w=
"250"
:margin-v=
"[0,0,40,0]"
:font-style=
"[26,30,400,'black','left']"
>
1.云深项目组
</yun-div>
<yun-div
:width-v=
"352"
:ske-w=
"250"
:margin-v=
"[0,0,40,0]"
:font-style=
"[26,30,400,'black','left']"
>
1.云深项目组
</yun-div>
<yun-div
:width-v=
"352"
:ske-w=
"250"
:margin-v=
"[0,0,40,0]"
:font-style=
"[26,30,400,'black','left']"
>
1.云深项目组
</yun-div>
v-for=
"(item, index) in topicList"
:key=
"item"
>
{{
item
}}
</yun-div>
</yun-div>
</yun-div>
<yun-div
...
...
@@ -142,57 +148,21 @@
:padding-v=
"[12,20,12,20]"
bg-color-v=
"#EFEFEF"
:font-style=
"[24,30,400,'black','left']"
v-for=
"(item, index) in topicList"
:key=
"item"
>
三个字
</yun-div>
<yun-div
:ske-w=
"100"
:margin-v=
"[0,20,30,0]"
:padding-v=
"[12,20,12,20]"
bg-color-v=
"#EFEFEF"
:font-style=
"[24,30,400,'black','left']"
>
三个字aaaa
</yun-div>
<yun-div
:ske-w=
"100"
:margin-v=
"[0,20,30,0]"
:padding-v=
"[12,20,12,20]"
bg-color-v=
"#EFEFEF"
:font-style=
"[24,30,400,'black','left']"
>
三个字aaaa
</yun-div>
<yun-div
:ske-w=
"100"
:margin-v=
"[0,20,30,0]"
:padding-v=
"[12,20,12,20]"
bg-color-v=
"#EFEFEF"
:font-style=
"[24,30,400,'black','left']"
>
三个字aaaa
</yun-div>
<yun-div
:ske-w=
"100"
:margin-v=
"[0,20,30,0]"
:padding-v=
"[12,20,12,20]"
bg-color-v=
"#EFEFEF"
:font-style=
"[24,30,400,'black','left']"
>
三个字aaaa
{{
item
}}
</yun-div>
</yun-div>
</yun-div>
</yun-div>
<!--搜索
详情
-->
<Nav></Nav>
<!--搜索
结果
-->
<Nav
:path=
"path"
:nav-list=
"navList"
></Nav>
<yun-div
>
<project-card
v-for=
"val in 1"
key=
"val.projectId"
></project-card>
<user-card-x
v-for=
"val in 1"
key=
"val.
project
Id"
></user-card-x>
<answer-card
v-for=
"val in 1"
key=
"val.
project
Id"
></answer-card>
<user-card-x
v-for=
"val in 1"
key=
"val.
user
Id"
></user-card-x>
<answer-card
v-for=
"val in 1"
key=
"val.
answer
Id"
></answer-card>
</yun-div>
...
...
@@ -206,10 +176,75 @@
import
userCardX
from
'../components/moblie/userCardX'
import
projectCard
from
'../components/moblie/projectCard'
export
default
{
mixins
:[
commonMixin
],
layout
:
'blank'
,
components
:{
Nav
,
answerCard
,
userCardX
,
projectCard
mixins
:
[
commonMixin
],
layout
:
'blank'
,
components
:
{
Nav
,
answerCard
,
userCardX
,
projectCard
},
data
()
{
return
{
question
:
''
,
bottom1
:
true
,
bottom2
:
false
,
topicList
:[
'云顶书院'
,
'云顶书院'
,
'云顶书院'
,
'云顶书院'
],
path
:
'/search'
,
navList
:
[
{
label
:
'全部'
,
id
:
'all'
},
{
label
:
'项目'
,
id
:
'10'
},
{
label
:
'博客'
,
id
:
'11'
},
{
label
:
'问答'
,
id
:
'12'
},
{
label
:
'话题'
,
id
:
'13'
},
{
label
:
'用户'
,
id
:
'14'
},
]
}
},
created
()
{
if
(
this
.
$route
.
query
.
type
)
{
return
}
this
.
$router
.
replace
({
path
:
'/search'
,
query
:
{
type
:
'all'
}
})
},
watch
:
{
},
methods
:{
changeInput
(){
if
(
this
.
question
!==
''
)
{
this
.
bottom1
=
false
;
this
.
bottom2
=
true
}
else
{
this
.
bottom2
=
false
;
this
.
bottom1
=
true
}
},
focus
(){
console
.
log
(
"sss"
)
}
}
}
</
script
>
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