[图片]

[图片] [图片] 在搜索框中随意输入一个值后，点击搜索框就跳转，想实现输入关键词后在跳转怎么做？ //index.js //获取应用实例 const app = getApp() let searchKey = '' let api = require('../../config/api'); const db = wx.cloud.database() const data = require('../../config/data.js') Page({   data: {     height:app.globalData.height*2+90,     swipers:['swiper1','swiper2','swiper3'],     active:0,     plist:[],     serverPath:api.ApiRootUrl,     page:1,     result:{},     good:{}   },   //事件处理函数   bindViewTap: function() {     wx.navigateTo({       url: '../logs/logs'     })   },   onLoad: function () {          console.log(data.tuijian)     this.setData({       plist:data.tuijian     })   },     tapName(e){     console.log(e)     wx.navigateTo({       url: '/pages/index4/index4',     })    },   onChange(event) {     // event.detail 的值为当前选中项的索引     console.log(event.detail)     this.setData({ active: event.detail });     switch(event.detail){       case 0:         wx.navigateTo({           url: '/pages/index/index',         })         break;         case 1:           wx.navigateTo({             url: '/pages/mine/mine',           })           break;           }   },   getSearch(event) {     // event.detail 的值为当前选中项的索引   console.log(event.detail.value)    searchKey = event.detail.value      },   goSearch(){     console.log('触发了搜索',searchKey)     if(searchKey&& searchKey.length > 0){       //  wx.navigateTo({       //    url: '/pages/index6/index6?searchKey=' + searchKey,       //  })     const db = wx.cloud.database({            })       db.collection("mianliao").where({   //collectionName 表示欲模糊查询数据所在collection的名         name:db.RegExp({                //columnName表示欲模糊查询数据所在列的名           regexp:searchKey,           options:"i",         })       })             // }else if(searchKey == none) {     //   wx.showToast({     //     icon:"none",     //     title: '搜索词不存在',     //   })     }      else{       wx.showToast({         icon:"none",         title: '搜索词为空',       })          }     wx.navigateTo({     //   // url: '/pages/index5/index5?id='+e.currentTarget.dataset.id,     //   // url: '/pages/index5/index5?id='+e.currentTarget.dataset.id,       url: '/pages/index6/index6?searchKey=' + searchKey,     })   },   reachBottom(){     console.log('到达底部')     this.page++;     wx.request({       url:"http://localhost:9529/",       // url: api.GoodsList,       success:(res)=>{         let plist = res.data.productlist;         plist.forEach((item,i)=>{           item.imgs = JSON.parse(item.imgs)         })         plist = this.data.plist.concat(plist)         console.log(plist)         this.setData({           plist:plist         })       }     })   },   goBack(){     wx.navigateBack()   }    })

[图片]

[图片] wxss: .navbar{   border-bottom: 1px solid #ccc;   position: relative; } .navbar .title{   position: absolute;   width: 750rpx;   text-align: center;   left: 0;   bottom: 20rpx;   font-size: 30rpx;   color: #fff; } .navbar .bj{   width: 750rpx; } .container{   width: 750rpx;   /* position: fixed; */   left: 0;   bottom: 100rpx;   z-index: 100;   /* border-bottom: 1px solid #ccc; */ } .swiper{   width:  750rpx;   height: 280rpx;   display: flex;   justify-content: center;   align-items: center; } /* swiper{   width:  700rpx;   height: 280rpx;   border-radius: 30rpx; } */ .swiper image{   width:  700rpx;   height: 280rpx;   border-radius: 30rpx; } .iconlist{   margin-top: 10rpx;   background-color: #fff; } .grid-item{   padding: 10rpx 0 0 !important; } /* .gengduo{   width: 750rpx;   height: 50rpx;   display: flex;   justify-content: center;   align-items: center;   z-index: 100;   position: relative;   background-color: #fff;   padding: 20rpx;   margin-top: 5rpx; } .tuijian{   width: 300rpx;   height: 50rpx;   display: flex;   justify-content: center;   align-items: center;   z-index: 100;   position: relative;   background-color: #fff;   padding: 20rpx;   left:200rpx;    } */ .icon{   width:750rpx;   height:250rpx; } .gengduo{   width: 300rpx;   height: 50rpx;   display: flex;   justify-content: center;   align-items: center;   z-index: 100;   position: relative;   background-color: #fff;   padding: 20rpx;   margin-top: 5rpx;   left:400rpx   } .tuijian{   width: 300rpx;   height: 50rpx;   display: flex;   justify-content: center;   align-items: center;   z-index: 100;   position: relative;   background-color: #fff;   padding: 20rpx;   padding-top: 50rpx;    } .gengduo image{   height: 50rpx; } .tuijian image{   height: 100rpx;   justify-content: center;   align-items: center;   left:200rpx; } .tjlist{   background-color: #fff; } .product image{   width: 360rpx;   height: 360rpx; } .product .title{   display: flex;   height: 80rpx;   align-items: center;   font-size: 30rpx;   white-space: nowrap; } .product .title image{   width: 80rpx;   height: 40rpx; } .product .title text{   width: 270rpx;   text-overflow: ellipsis;   overflow: hidden;   margin-left: 10rpx; } wxml:        /image>   /view>            /image>    /view>    /van-grid>

[图片]

[图片] 只要图标下面的文字超过六个字下面就空白，救救孩子吧 [图片]

[图片] [图片]

[图片] 怎么让五个图标在一行

[图片] [图片] 怎么让五个图标展示在一行？

怎么将三个高度比较大的文本框同时展示 [图片] 下面这个文本框横线展示不出来