uniapp滑动展示

UniApp是一个基于Vue.js的跨平台应用开发框架，它允许开发者编写一次代码，生成适应iOS、Android、Web等多端的应用。对于滑动展示的需求， UniApp提供了内置的组件`uni-swipe`（也叫滑动切换）来实现。

`uni-swipe`组件通常用于创建横向或纵向的滑动列表，比如轮播图、选项卡导航或滚动菜单。使用这个组件，你可以设置显示的内容块，通过左右滑动切换内容，也可以配置自动切换、触摸操作暂停等功能。在使用时，需要先引入组件，然后设置数据属性如`list`（数组形式，存储要显示的页面或元素）和样式属性如`current`（当前选中的项位置）。

以下是一个基本的`uni-swipe`使用示例：

<view class="swipe-wrap">
  <uni-swipe :current="currentIndex" @change="onSlideChange">
    <view v-for="(item, index) in items" :key="index">
      {{ item.content }}
    </view>
  </uni-swipe>
</view>

<script>
export default {
  data() {
    return {
      currentIndex: 0,
      items: [
        { content: '页面一' },
        { content: '页面二' },
        { content: '页面三' }
      ]
    };
  },
  methods: {
    onSlideChange(index) {
      this.currentIndex = index;
    }
  }
};
</script>