~~~ <import src="/pages/move/move-item/move-item"></import> <form bindsubmit="onForm" class="section"> <button formType="submit" hover-class="none" bindconfirm="onConfirm" > <image src="/images/icon/search.png"></image></button> <input placeholder="楚喬傳、悲傷逆流成河" confirm-type="search" bindconfirm="onConfirm" name="search" bind:focus="onFocus" bind:blur="onBlur" value="{{value}}" /> <icon type="clear" wx:if="{{isShow}}" catchtap="onClick" size="18"></icon> </form> .section image{ width: 40rpx; height: 40rpx; } .section{ display: flex; height: 100rpx; width: 100%; align-items: center; background: #eee; }.section icon{ position: absolute; right: 50px; top: 5px; } .section button{ background: #eee; position: absolute; right: 1px; width: 40px; height: 40px; border: none; margin: 0; padding: 0; top: 1px; } // pages/move/moveSearch/moveSearch.js import utils from"../../../utils/utils"; var http=utils.http; var star=utils.star; Page({ /** * 頁面的初始數據 */ data: { isShow:false, value:null }, onConfirm(e){ wx.showLoading({ title: "數據加載中..." }); // console.log(e.detail.value) var count=e.detail.value; var url=`https://douban.uieee.com/v2/movie/search?q=${count}`; http(url,this.handleData); }, handleData(res){ // console.log(res) var title =res.data.title; var subjects=res.data.subjects; var movies=[]; subjects.forEach(ele => { var average=ele.rating.average; var stars=star(ele.rating.stars); var title=ele.title; var imgUrl=ele.images.small; var id=ele.id; var temp={ average, stars, title, imgUrl, id }; movies.push(temp); }); this.setData({movies}); wx.hideLoading(); }, /** * 生命周期函數--監聽頁面加載 */ onLoad: function (options) { }, moveDetails(res) { // console.log(res) var id = res.currentTarget.dataset.id; var title = res.currentTarget.dataset.title; // console.log(title) wx.navigateTo({ url: '/pages/move/movedetails/movedetails?id='+id+"&title="+title, }) }, onForm(e){ // console.log(e.detail.value); var value=e.detail.value.search; var url=`https://douban.uieee.com/v2/movie/search?q=${value}`; http(url,this.handleData); }, onFocus(){ this.setData({ isShow:true }) }, onBlur(){ this.setData({ isShow:false }) }, onClick(){ this.setData({ value:"" }) } }) ~~~