<template>
<view class="seach-list">
<!-- <u-search placeholder="请输入搜索内容" :showAction="false" v-model="keyword" @change="inputFcuntion"></u-search> -->
<view class="welcome">
<image class="imgss" :src="searlogo" ></image>
<input class="welcome-input" @change="inputFcuntion" placeholder="搜索订单关键词" v-model="keyword"
name="value" />
<!-- <view style="width: 85px;height: 40px;margin: 3px;">
<u-button type="primary" text="搜索" iconColor="#277EEB" color="#277EEB"></u-button>
</view> -->
<view class="btn" @tap="inputFcuntion">
搜索
</view>
</view>
</view>
</template>
<script>
import {
BaseApi,
imgUrl,code_type
} from "@/http/baseApi.js"
export default {
components: {
},
data() {
return {
keyword: "",
searlogo: imgUrl+'/uploads/20230705/2e8e0ddc13c9771171cbd68482d110e1.png',
};
},
onLoad(options) {
},
methods: {
//点击搜索
inputFcuntion(){
this.$emit('searchs',this.keyword)
},
}
}
</script>
<style lang="scss">
page {
background-color: #F2F8FC;
}
.seach-list {
.welcome{
display:flex;
background: #ffffff;
border: 1.3px solid #277eeb;
border-radius: 44rpx;
.imgss{
margin: auto;
width: 25px;
height: 25px;
}
.welcome-input{
width: 400rpx;
height: 41.3rpx;
margin: auto;
margin-right: 80rpx;
}
.confirm-btn{
background: #277eeb;
border-radius: 8.67px;
margin: 5px;
}
.btn {
width: 116rpx;
background: #1590ff;
border-radius: 40rpx;
font-size: 18rpx;
font-family: PingFang SC, PingFang SC-Heavy;
font-weight: 800;
text-align: center;
color: #ffffff;
line-height: 59rpx;
margin: 2px;
}
}
}
</style>