52 lines
1.4 KiB
Vue
52 lines
1.4 KiB
Vue
<template>
|
||
<view>
|
||
<status-container titlet="搜索">
|
||
<view slot="content" style="margin: -20rpx 0rpx 0 0rpx;">
|
||
<view class="pad-x30 pad-s20" style="position: sticky;background-color: #f4f4f4;" :style="{top: padt+'px'}">
|
||
<view class=" radius30 pad-zy30 mar-x30 disac" style="background-color: #d8d8d8;">
|
||
<image src="/static/public/icon-searcht.png" mode="widthFix" style="width: 40rpx;height: 40rpx;"></image>
|
||
<input @confirm="goSearch" @focus="ifResult=false" v-model="keyword" class="width100 fon30 mar-z20" type="text" placeholder="搜索" style="height: 90rpx;color: #8c8c9b;" placeholder-style="color: #8c8c9b">
|
||
</view>
|
||
<view class="fon30 bold" v-if="keyword && ifResult">结果：{{keyword}}<text v-if="num" class="textc">（{{num}}）</text></view>
|
||
</view>
|
||
<list-one ref="list"></list-one>
|
||
</view>
|
||
</status-container>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
import listOne from '@/components/list/list-one';
|
||
import pitera from '@/components/nothing/pitera';
|
||
export default {
|
||
components:{
|
||
listOne,
|
||
pitera
|
||
},
|
||
data() {
|
||
return {
|
||
padt:uni.getSystemInfoSync().statusBarHeight + 50,
|
||
windowHeigh:uni.getSystemInfoSync().windowHeight,
|
||
keyword:'',
|
||
num:11,
|
||
ifResult:true
|
||
}
|
||
},
|
||
onReachBottom(e) {
|
||
this.$refs.list.moreEv();
|
||
},
|
||
onLoad(op) {
|
||
if(op.keyword) this.keyword = op.keyword;
|
||
},
|
||
methods: {
|
||
goSearch(){
|
||
this.ifResult = true;
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style>
|
||
|
||
</style>
|