鸿蒙怎么用pagesilder写实现页面滑动且页面里面有图片和名字

首先需要引入pageslider组件，然后在页面的wxml文件中添加以下代码：

<view class="slider-container">
  <pageslider autoplay="{{true}}" interval="{{5000}}" duration="{{1000}}">
    <swiper-item>
      <image src="/images/image1.jpg"></image>
      <text class="name">名称1</text>
    </swiper-item>
    <swiper-item>
      <image src="/images/image2.jpg"></image>
      <text class="name">名称2</text>
    </swiper-item>
    <swiper-item>
      <image src="/images/image3.jpg"></image>
      <text class="name">名称3</text>
    </swiper-item>
  </pageslider>
</view>

在上面的代码中，我们创建了一个滑动容器（.slider-container），并在其中添加了一个pageslider组件。pageslider组件的属性包括：

• autoplay：是否自动播放
• interval：自动播放间隔时间
• duration：滑动动画时长

在pageslider组件中，我们添加了三个swiper-item，分别包含了一张图片和一个名称。其中，图片使用了<image>标签，名称使用了<text>标签。

最后，在样式文件中添加以下代码：

.slider-container {
  width: 100%;
  height: 300rpx;
}

.image {
  width: 100%;
  height: 100%;
}

.name {
  position: absolute;
  bottom: 10rpx;
  left: 10rpx;
  color: #fff;
  font-size: 28rpx;
}

在上面的代码中，我们设置了滑动容器的宽度和高度，并对图片和名称进行了样式设置。其中，名称使用了绝对定位，位于图片的左下角