uni-ui的使用（十二）

 

uni-ui的使用

1、进入Grid宫格组件

2、使用HBuilderX导入该组件

3、导入该组件

import uniGrid from "@/components/uni-grid/uni-grid.vue"

import uniGridItem from "@/components/uni-grid-item/uni-grid-item.vue"

4、注册组件

components: {
    uniGrid,
    uniGridItem
}

5、使用组件

<uni-grid :column="3">
  <uni-grid-item>
    <text class="text">文本</text>
  </uni-grid-item>
  <uni-grid-item>
    <text class="text">文本</text>
  </uni-grid-item>
  <uni-grid-item>
    <text class="text">文本</text>
  </uni-grid-item>
</uni-grid>

本次uni-app系列的教学到此就结束了，如果有什么不懂得地方可以在评论去告诉我，往期内容请移步的主页阅览，谢谢大家的支持