更新记录

1.0.0（2023-06-14） 下载此版本

组件内部预留了插槽，可以在不动组件内部的情况下，自行定义个性化的内容。

平台兼容性

uni-app

其他

开箱即用的使用方法

1. 下载插件

2. 在需要的页面引入组件

   <template>
   <view class="content">
       <girds :glist="girdList" :piece="3" :showBorder="false">
           <template slot-scope="{item}">
               <div class="gbox">
                   {{item.text}}
               </div>
           </template>
       </girds>
   </view>
   </template>
   
   import girds from '@/components/lj-girds/lj-girds.vue'
   export default {
   components:{girds},
   data() {
       return {
           girdList: [
               {text: '文本1',imgUrl:''},
               {text: '文本2',imgUrl:''},
               {text: '文本3',imgUrl:''},
               {text: '文本4',imgUrl:''},
               {text: '文本5',imgUrl:''},
               {text: '文本6',imgUrl:''},
               {text: '文本7',imgUrl:''},
               {text: '文本8',imgUrl:''},
           ]
       }
   },
   }

   组件内部预留了插槽，可以在不动组件内部的情况下，自行定义个性化的内容。

3. 参数说明

4. 可扫码查看具体效果