You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
49 lines
1.4 KiB
49 lines
1.4 KiB
<template>
|
|
<view class="topsearch flex-y-center" :style="{background:bgColorOut,position:isfixed?'fixed':''}" >
|
|
<view class="f1 flex-y-center" :style="{background:bgColorIn}">
|
|
<image class="img" :src="event_rul + '/static/img/static/img/search_ico.png'"></image>
|
|
<input :value="keyword" :placeholder="placeholderText" placeholder-style="font-size:24rpx;color:#C2C2C2" @confirm="searchConfirm" @input="searchChange"></input>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
var app = getApp();
|
|
export default {
|
|
name:"dd-search",
|
|
data() {
|
|
return {
|
|
keyword:'',
|
|
event_rul: app.globalData.event_url,
|
|
}
|
|
},
|
|
props: {
|
|
isfixed:{default:false},
|
|
placeholderText:{default:'请输入关键字搜索'},
|
|
bgColorOut:{default:'#fff'},
|
|
bgColorIn:{default:'#f6f6f6'},
|
|
scroll:{default:false}
|
|
},
|
|
methods:{
|
|
changetab:function(e){
|
|
var st = e.currentTarget.dataset.st;
|
|
this.$emit('changetab',st);
|
|
},
|
|
searchChange: function (e) {
|
|
this.keyword = e.detail.value;
|
|
},
|
|
searchConfirm: function (e) {
|
|
var keyword = e.detail.value;
|
|
var loadmore = false;
|
|
this.$emit('getdata',loadmore,keyword);
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
.topsearch{padding: 16rpx 3% 8rpx; width: 100%;top:0; z-index: 11;}
|
|
.topsearch .f1{height:60rpx;border-radius:30rpx;border:0;flex:1}
|
|
.topsearch .f1 .img{width:24rpx;height:24rpx;margin-left:10px}
|
|
.topsearch .f1 input{height:100%;flex:1;padding:0 20rpx;font-size:28rpx;color:#333;}
|
|
</style>
|
|
|