uniapp列表顶部搜索框组件

<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>