<template>
    <view class="index-search">
        <view class="box" @click="nav">
            <image class="img" src="../../static/img/search.png"></image>
            <view class="text">{{text}}</view>
        </view>
    </view>
</template>
<style lang="scss" scoped>
.index-search{
    .box{
        width: 694upx;
        height: 58upx;
        background-color: #F1B967;
        position: fixed;
        left: 28upx;
        top: 16upx;
        border-radius: 29upx;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 999;
        .text{
            font-size: 27upx;
            color: #fff;
            margin-left: 10upx;
        }
        .img{
            width: 27upx;
            height: 27upx;
        }
    }

}
</style>
<script>
name:"search";
export default {
    data(){
        return {

        }
    },
    props:["text"],
    methods:{
        nav(){
            console.log("跳转")
            uni.navigateTo({
					url:"/pages/search/search"
				})
        }
    }
}
// text 搜索框中的字
</script>