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.8 KiB
49 lines
1.8 KiB
<template>
|
|
<view class="dp-search" :style="{
|
|
backgroundColor:params.bgcolor,
|
|
margin:(params.margin_y*2.2)+'rpx '+(params.margin_x*2.2)+'rpx',
|
|
padding:(params.padding_y*2.2)+'rpx '+(params.padding_x*2.2)+'rpx'
|
|
}">
|
|
<view class="dp-search-search"
|
|
:style="{borderColor:params.bordercolor,borderRadius:params.borderradius+'px'}">
|
|
<view class="dp-search-search-f1" :style="{'background-image': 'url('+event_rul +'/static/img/static/img/search_ico.png)'}"></view>
|
|
<view class="dp-search-search-f2">
|
|
<input class="dp-search-search-input" @confirm="searchgoto" :data-url="params.hrefurl" name="keyword"
|
|
:placeholder="params.placeholder|| '输入关键字在店铺内搜索'" placeholder-style="color:#aaa;font-size:28rpx" :style="params.color?'color:'+params.color:''" />
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
<script>
|
|
var app =getApp();
|
|
export default {
|
|
props: {
|
|
params: {},
|
|
data: {}
|
|
},
|
|
data() {
|
|
return {
|
|
event_rul: app.globalData.event_url,
|
|
}
|
|
},
|
|
methods:{
|
|
searchgoto:function(e){
|
|
var url = e.currentTarget.dataset.url;
|
|
if (url.indexOf('?') > 0) {
|
|
url += '&keyword='+e.detail.value;
|
|
}else{
|
|
url += '?keyword='+e.detail.value;
|
|
}
|
|
var opentype = e.currentTarget.dataset.opentype
|
|
app.goto(url,opentype);
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
<style>
|
|
.dp-search {padding:20rpx;height: auto; position: relative;}
|
|
.dp-search-search {height:72rpx;background: #fff;border: 1px solid #c0c0c0;border-radius: 6rpx;overflow: hidden;display:flex}
|
|
.dp-search-search-f1 {height:72rpx;width:72rpx;color: #666;border: 0px;padding: 0px;margin: 0px;background-position: center;background-repeat: no-repeat; background-size:30rpx;}
|
|
.dp-search-search-f2{height: 72rpx;flex:1}
|
|
.dp-search-search-input {height:72rpx;width: 100%;border: 0px;padding: 0px;margin: 0px;outline: none;color: #666;}
|
|
</style>
|
|
|