更新记录

1.1（2024-03-29） 下载此版本

u-search改进，增强型搜索输入框

平台兼容性

uni-app

插件使用方式： 将插件目录下的图片文件放到对应的uniapp目录static/images目录

template代码

<shopro-navbar @search="onSearch" :isFixed="false">
    <view class="navbar" slot="content">
        <u-search placeholder="商品名称" v-model="searchVal" :showAction="false" height="60"></u-search>
        <image src="@/static/images/saoma.png" class="saoma" @tap="saomaFuc"></image>
    </view>
</shopro-navbar>

Javascript代码

import shoproNavbar from "@/components/shopro-navbar"
  export default {
      components: {
        shoproNavbar
      },
     data() {
        return {
                searchVal:''
            }
    },
    methods: {
        onSearch(){
            alert(this.searchVal)
        },
        saomaFuc(){
            alert(1)
        }
    }
  }

style代码

<style lang="scss" scoped>
    .navbar{
        display:flex;
        align-items: center;
        width: 100%;
        .saoma {
            width: 22px!important;
            height: 22px!important;
            margin-left: -30px!important;
            margin-right: 10px!important;
        }
    }
</style>