uniapp组件uni-grid进行页面跳转

最新推荐文章于 2025-06-30 09:07:21 发布

梦远星帆

最新推荐文章于 2025-06-30 09:07:21 发布

阅读量3.6k

点赞数

CC 4.0 BY-SA版权

分类专栏： UniApp 文章标签： uni-app

本文链接：https://blog.csdn.net/qq_45637260/article/details/128779698

如图

点击对应的uni-grid-item进入相应页面

 <!-- 宫格组件 -->
    <uni-section title="出库管理" type="line"></uni-section>
    <view class="grid-body">
      <uni-grid :column="4" :showBorder="false" @change="changeGrid">
   <!-- <uni-grid :options="list" :show-out-border="false" @click="onClick" > -->

      <uni-grid-item :index="0" >
          <!-- <view class="grid-item-box" @click="openDetail"> -->
		  <view class="grid-item-box">
            <uni-icons type="redo-filled" size="30"></uni-icons>
            <text class="text">计划出库</text>
			
          </view>
        </uni-grid-item >
        <uni-grid-item :index="1">
          <view class="grid-item-box">
            <uni-icons type="search" size="30">&l