在微信小程序中，使用slider设置本地图片宽度和高度，改变图片显示大小，图片显示在slider下方

可以通过以下步骤实现：

1. 在wxml文件中添加一个slider组件和一个image组件，如下所示：

<view class="container">
  <slider min="0" max="500" value="{{imageWidth}}" bindchange="bindImageWidthChange"></slider>
  <image src="{{imageUrl}}" style="width:{{imageWidth}}px;height:{{imageHeight}}px;"></image>
</view>

2. 在js文件中定义imageWidth和imageHeight的初始值，并实现bindImageWidthChange方法，如下所示：

Page({
  data: {
    imageUrl: '/images/demo.jpg',
    imageWidth: 200,
    imageHeight: 200
  },
  bindImageWidthChange: function(e) {
    var value = e.detail.value;
    this.setData({
      imageWidth: value,
      imageHeight: value
    });
  }
})

3. 在wxss文件中定义slider和image的样式，如下所示：

.container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100vh;
}

slider {
  width: 80%;
  margin-bottom: 20px;
}

image {
  display: block;
  margin: 0 auto;
  margin-top: 20px;
}

这样，就可以在微信小程序中使用slider设置本地图片宽度和高度，并且改变图片显示大小，图片显示在slider下方。