Skip to content

B
beyond-clouds-frontM
Commit ce5fed55 by xuebiao
Options

搜索页面（未完成）

parent 10495d71
Showing with 217 additions and 24 deletions
components/moblie/dataCard.vue
<template> <template>
<yun-slider>
<yun-div <yun-div
:width-v="704" :width-v="704"
:padding-v="[34,0,40]" :padding-v="[34,0,40]"
...@@ -44,9 +43,6 @@ ...@@ -44,9 +43,6 @@
</yun-div> </yun-div>
</yun-slider>
</template> </template>
......
components/moblie/emptyCard.vue
<template> <template>
<yun-slider>
<yun-div <yun-div
:style="{height: height, lineHeight: height}" :style="{height: height, lineHeight: height}"
:flex-v="['row','center','center']" :flex-v="['row','center','center']"
...@@ -10,7 +10,6 @@ ...@@ -10,7 +10,6 @@
> >
</yun-img> </yun-img>
</yun-div> </yun-div>
</yun-slider>
</template> </template>
<script> <script>
......
components/moblie/userCardBig.vue
<template> <template>
<yun-slider>
<yun-div <yun-div
:width-v="704" :width-v="704"
:height-v="244" :height-v="244"
...@@ -92,7 +91,7 @@ ...@@ -92,7 +91,7 @@
</yun-div> </yun-div>
</yun-slider>
</template> </template>
......
layouts/error.vue
...@@ -13,53 +13,53 @@ ...@@ -13,53 +13,53 @@
> >
<yun-div <yun-div
:show-ske="false" :show-ske="false"
v-if="true" v-if="false"
:flex-v="['column','flex-start','center']" :flex-v="['column','flex-start','center']"
> >
<yun-img <yun-img
:show-ske="false" :show-ske="false"
:ske-w="0" :ske-w="0"
:ske-h="0" :ske-h="0"
:width-v="350" :width-v="400"
:src="this.error404" :src="this.error404"
> >
</yun-img> </yun-img>
<yun-div <yun-div
:show-ske="false" :show-ske="false"
:font-style="[16,30,400,'black','center']" :font-style="[24,30,400,'black','center']"
:margin-v="[20,0,40,0]" :margin-v="[20,0,40,0]"
>加载失败，请重新尝试</yun-div> >加载失败，请重新尝试</yun-div>
<yun-button <yun-button
:size="[148,48]" :size="[220,70]"
:border-r="[4]" :border-r="[4]"
:font-size="16" :font-size="24"
bg-color="#75D098" bg-color="#75D098"
@click="reload" v-tap="reload"
>返回首页</yun-button> >返回首页</yun-button>
</yun-div> </yun-div>
<yun-div <yun-div
v-if="false" v-if="true"
:flex-v="['column','flex-start','center']" :flex-v="['column','flex-start','center']"
> >
<yun-img <yun-img
:show-ske="false" :show-ske="false"
:ske-w="0" :ske-w="0"
:ske-h="0" :ske-h="0"
:width-v="250" :width-v="350"
:src="this.error500" :src="this.error500"
> >
</yun-img> </yun-img>
<yun-div <yun-div
:show-ske="false" :show-ske="false"
:font-style="[16,30,400,'black','center']" :font-style="[24,30,400,'black','center']"
:margin-v="[37,0,47,0]" :margin-v="[40,0,47,0]"
>服务器连接异常，请稍后重试</yun-div> >服务器连接异常，请稍后重试</yun-div>
<yun-button <yun-button
:size="[148,48]" :size="[220,70]"
:border-r="[4]" :border-r="[4]"
:font-size="16" :font-size="24"
bg-color="#75D098" bg-color="#75D098"
@click="close" v-tap="close"
>关闭页面</yun-button> >关闭页面</yun-button>
</yun-div> </yun-div>
......
pages/search.vue
<template> <template>
<yun-div> <yun-div
bg-color-v="white"
>
<yun-div
:padding-v="[34,0,40]"
>
<yun-input
:width-v="704"
:height-v="72"
:border-r="[6]"
bg-color-v="#F4F8FA"
:border-v="[1,'solid',this.commonReturnPrimaryColor(0.2)]"
style="margin: 0 auto;"
>
</yun-input>
<yun-div
:flex-v="['row','flex-start','center']"
style="position: absolute;right:23px;top: 34px;"
>
<yun-div
:width-v="36"
:height-v="36"
:margin-v="[0,15,0,0]"
:border-r="[50,50,50,50]"
:flex-v="['row','center','center']"
bg-color-v="rgba(0,170,230,16%)"
>
<yun-icon
:size="15"
name="close1"
color="#00AAE6"
></yun-icon>
</yun-div>
<yun-button
:size="[116,74]"
>搜索
</yun-button>
</yun-div>
</yun-div> </yun-div>
</template>
<yun-div
:width-v="704"
:padding-v="[34,0,40]"
:margin-v="[0,'auto']"
:flex-v="['column','flex-start','flex-start']"
>
<yun-div
:border-v="[1,'solid','#EFEFEF','bottom']"
>
<yun-div
:width-v="704"
:ske-w="250"
:ske-h="40"
:margin-v="[0,0,40,0]"
:font-style="[24,30,400,'#999999','left']"
>话题热搜榜单
</yun-div>
<yun-div
:width-v="704"
:flex-v="['row','flex-start','flex-start']"
style="flex-wrap: wrap"
>
<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>
<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>
</yun-div>
<yun-div
:margin-v="[40,0,0,0]"
>
<yun-div
:width-v="704"
:flex-v="['row','space-between','flex-start']"
>
<yun-div
:ske-w="150"
:font-style="[24,30,400,'#999999','left']"
>话题搜索榜单
</yun-div>
<yun-div
:ske-w="50"
:font-style="[24,30,400,'#999999','left']"
>
清空
</yun-div>
</yun-div>
<yun-div
:margin-v="[40,0,0,0]"
:flex-v="['row','flex-start','flex-start']"
style="flex-wrap: wrap"
>
<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']"
>
三个字
</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
</yun-div>
</yun-div>
</yun-div>
</yun-div>
<!--搜索详情-->
<Nav></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.projectId"></user-card-x>
<answer-card v-for="val in 1" key="val.projectId"></answer-card>
</yun-div>
</yun-div>
</template>
<script> <script>
import commonMixin from "../components/moblie/commonMixin"; import commonMixin from "../components/moblie/commonMixin";
import Nav from '../components/moblie/nav';
import answerCard from '../components/moblie/answerCard';
import userCardX from '../components/moblie/userCardX'
import projectCard from '../components/moblie/projectCard'
export default { export default {
mixins:[commonMixin], mixins:[commonMixin],
layout:'blank', layout:'blank',
components:{
Nav,answerCard,userCardX,projectCard
}
} }
</script> </script>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment