微信小程序实现上拉加载下拉刷新

wxml代码：

代码如下（示例）：

<view>

<view class="box" wx:for="{
   {data}}">

  <image class="img" src="http://116.62.201.243:8080/wxxcx/{
   {item.image}}"></image>

  <view class="box1">

  <view class="text1">{
   {
   item.name}}</view>

  <view class="text2">$ {
   {
   item.price}}</view>

  </view>

</view>

</view>

wxss代码：

代码如下（示例）：

.box{
   

display: flex;

flex-direction: row;

padding: 30rpx;

border-bottom: 1rpx solid #000;

}

.img{
   

width: 200rpx;

height: 200rpx;

margin-right: 30rpx;

}

.box