uniapp宫格滑动完整代码

当然，下面给出一个简单的UniApp宫格滑动的完整代码示例：

<template>
  <view class="grid-container">
    <swiper class="swiper" :current="current" @change="swiperChange">
      <swiper-item v-for="(item, index) in gridData" :key="index">
        <view class="grid-item" v-for="(subItem, subIndex) in item" :key="subIndex">
          <text>{{ subItem }}</text>
        </view>
      </swiper-item>
    </swiper>
  </view>
</template>

<script>
export default {
  data() {
    return {
      current: 0,
      gridData: [
        ['1', '2', '3'],
        ['4', '5', '6'],
        ['7', '8', '9']
      ]
    };
  },
  methods: {
    swiperChange(e) {
      this.current = e.detail.current;
    }
  }
};
</script>

<style>
.grid-container {
  height: 300rpx;
}

.swiper {
  height: 100%;
}

.grid-item {
  width: 33.33%;
  height: 100%;
  border: 1rpx solid #ccc;
  display: flex;
  justify-content: center;
  align-items: center;
}
</style>

这个示例中使用了UniApp的Swiper组件来实现宫格滑动效果。gridData数组中存储了要展示的宫格数据，每个子数组代表一行宫格中的元素。在模板中使用v-for指令渲染出宫格，并通过Swiper组件实现滑动效果。swiperChange方法监听Swiper组件的change事件，更新current值，实现滑动切换时的效果。

你可以根据自己的需求修改gridData中的数据，以及样式部分的代码来适应你的实际情况。希望对你有所帮助！如果有任何问题，欢迎继续提问。