deming/pageB/search/index.vue

<template>
    <view class="search">
        <view class="sosuo">
            <image></image>
            <u-search placeholder="搜索您需要的商品" v-model="keyword" height="60" :action-style="{
                'font-size':'32rpx',
                'color':'#FF780F',
                'overflow':'unset'
            }"
            @search="search"
            ></u-search>
        </view>
        <view class="list">
            <view class="title">搜索发现</view>
            <view class="label">
                <text>这是标签</text>
            </view>
        </view>
    </view>
</template>
<script>
export default {
    name:"search",
    data(){
        return{
            keyword:""
        }
    },
    methods:{
        search(value){
            // console.log(value)
            this.$u.route({
                url:"/pageB/search/out",
                params:{
                    value,
                    type:"shop"
                }
            })
        }
    }
}
</script>
<style lang="scss" scoped>
.search{
    .sosuo{
        width: 100%;
        height: 88rpx;
        border-bottom: 1rpx solid #ececec;
        display: flex;
        align-items: center;
        padding: 0 30rpx;

        >image{
            width: 18rpx;
            height: 32rpx;
            margin-right: 24rpx;
            flex-shrink: 0;
        }
        align-items: center;
    }
    .list{
        padding: 30rpx;
        .title{
            font-size: 26rpx;
            color: #999;

        }
        .label{
            display: flex;
            >text{
                margin-top: 20rpx;
                margin-right: 30rpx;
                font-size: 26rpx;
                color: #666;
                text-align: center;
                padding: 17rpx 12rpx;
                background-color: #ececec;
                border-radius: 10rpx;
            }
        }
    }
}
</style>