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>
<yun-slider>
<yun-div
:width-v="704"
:padding-v="[34,0,40]"
......@@ -44,9 +43,6 @@
</yun-div>
</yun-slider>
</template>
......
components/moblie/emptyCard.vue
<template>
<yun-slider>
<yun-div
:style="{height: height, lineHeight: height}"
:flex-v="['row','center','center']"
......@@ -10,7 +10,6 @@
>
</yun-img>
</yun-div>
</yun-slider>
</template>
<script>
......
components/moblie/userCardBig.vue
<template>
<yun-slider>
<yun-div
:width-v="704"
:height-v="244"
......@@ -92,7 +91,7 @@
</yun-div>
</yun-slider>
</template>
......
layouts/error.vue
......@@ -13,53 +13,53 @@
>
<yun-div
:show-ske="false"
v-if="true"
v-if="false"
:flex-v="['column','flex-start','center']"
>
<yun-img
:show-ske="false"
:ske-w="0"
:ske-h="0"
:width-v="350"
:width-v="400"
:src="this.error404"
>
</yun-img>
<yun-div
:show-ske="false"
:font-style="[16,30,400,'black','center']"
:font-style="[24,30,400,'black','center']"
:margin-v="[20,0,40,0]"
>加载失败，请重新尝试</yun-div>
<yun-button
:size="[148,48]"
:size="[220,70]"
:border-r="[4]"
:font-size="16"
:font-size="24"
bg-color="#75D098"
@click="reload"
v-tap="reload"
>返回首页</yun-button>
</yun-div>
<yun-div
v-if="false"
v-if="true"
:flex-v="['column','flex-start','center']"
>
<yun-img
:show-ske="false"
:ske-w="0"
:ske-h="0"
:width-v="250"
:width-v="350"
:src="this.error500"
>
</yun-img>
<yun-div
:show-ske="false"
:font-style="[16,30,400,'black','center']"
:margin-v="[37,0,47,0]"
:font-style="[24,30,400,'black','center']"
:margin-v="[40,0,47,0]"
>服务器连接异常，请稍后重试</yun-div>
<yun-button
:size="[148,48]"
:size="[220,70]"
:border-r="[4]"
:font-size="16"
:font-size="24"
bg-color="#75D098"
@click="close"
v-tap="close"
>关闭页面</yun-button>
</yun-div>
......
pages/search.vue
<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>
</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>
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 {
mixins:[commonMixin],
layout:'blank',
components:{
Nav,answerCard,userCardX,projectCard
}
}
</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