<!-- <template> <view> <u-navbar :is-back="false" title="认养市场" :border-bottom="false" :background="bgc" title-color='#3D3D3D ' title-size='36' height='45' id="navbar"> </u-navbar> <view class="search"> <image src="https://api.ccttiot.com/smartmeter/img/static/um5GxgXufKY8IK2qkaWR" mode=""></image> <view class="search_center"> <input type="text" class="ips" @confirm="changserch" v-model="code" placeholder="请输入蜂箱编号" placeholder-class="my-placeholder" /> </view> </view> </view> </template> <script> export default { data() { return { bgc: { backgroundColor: " #FAFDFD", }, code: '', } }, onLoad() { }, methods:{ changserch(){ // let data = { // pageNum:this.pagesum, // pageSize:this.pagesizes, // name:this.code, // sn:this.code // } // this.$u.get('/farm/beehive/list', data).then(res => { // if(res.code == 200){ // this.fxlist = [] // this.total = res.total // this.fxlist = res.rows // } // }) }, } } </script> <style lang="scss"> .search { display: flex; flex-wrap: nowrap; align-items: center; padding: 20rpx 26rpx; width: 566rpx; height: 82rpx; background: #FFFFFF; box-shadow: 0rpx 0rpx 8rpx 0rpx rgba(0, 0, 0, 0.15); border-radius: 20rpx 20rpx 20rpx 20rpx; image { width: 35.97rpx; height: 35.97rpx; } .search_center { margin-left: 34rpx; width: 480rpx; .ips { width: 100%; // 根据需要调整 } .my-placeholder { font-weight: 400; font-size: 32rpx; color: #808080; } } } </style> -->