wx.request的更多參數詳解

在網絡請求中我們可以采用下面這種形式：

如果我們可以不采用直接寫在url的方式我們可以采用data的方式：

默認請求方式是GET我們可以通過設置method修改請求方式：

更多電影頁面

我們要實現的效果：

首先創建好more-movie頁面：

引入我們之前寫好的movie自定義組件：

引入app：

定義data:

發起網絡請求：

編寫wxml代碼，使用循環渲染：

<block wx:for="{{movies}}" wx:key="index"><movie movie="{{item}}"/> </block>

實現效果：

flex-wrap的應用

使用樣式：

.container{display: flex;flex-direction: row;flex-wrap: wrap;padding: 30rpx 28rpx; } .movie{margin-right: 30rpx; }

布局代碼：

<view class='container'> <block wx:for="{{movies}}" wx:key="index"><movie class='movie' movie="{{item}}"/> </block> </view>

也可以使用justify-content使頁面平均分配：


實現效果：

加載不同類型的電影數據

通過自己定義data，并綁定點擊事件：

跳轉的時候帶上參數：

跳轉到頁面后獲取參數并請求數據：

使用LinUI快速構建搜索欄

首先引入LinUI的組件：

使用：

<l-search-bar l-class="ex-search-bar" placeholder="盜夢空間" ></l-search-bar>

編寫樣式：

.ex-search-bar{height:90rpx !important ; }

實現效果：

總結

以上是生活随笔為你收集整理的微信小程序入门与实战之更多电影列表与电影搜索的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。