自定义组件引用LinUI grid组件没有效果，app.json引用了LinUI组件

在自定义组件中增加img标签获得数据

自定义组件wxml

<!--components/category-grid/index.wxml-->
<view class="container">
<l-grid row-num="5" l-class="inner-container">
<block wx:for="{{grid}}" wx:key="key">
<l-grid-item key="{{index}}" slot="{{index}}">
<view class="grid-item">
<image class="img" src="{{item.img}}"></image>
<text class="text">{{item.title}}</text>
</view>
</l-grid-item>
</block>
</l-grid>
<image class="img" src="{{grid[0].img}}"></image>
</view>

app.json全局引用

{
"pages": [
"pages/home/home"
],
"window": {
"backgroundTextStyle": "light",
"navigationBarBackgroundColor": "#fff",
"navigationBarTitleText": "风袖",
"navigationBarTextStyle": "black"
},
"sitemapLocation": "sitemap.json",
"usingComponents": {
"l-grid": "/miniprogram_npm/lin-ui/grid/index",
"l-grid-item": "/miniprogram_npm/lin-ui/grid/index"
}
}

home页面的wxml

<view>
<image class="top-theme" src="{{themeA.entrance_img}}"></image>
<swiper class="swiper" 
indicator-dots="{{true}}" 
indicator-active-color="#157658"
autoplay
circular
>
<block wx:for="{{bannerB.items}}" wx:key="key">
<swiper-item>
<image class="swiper" src="{{item.img}}"></image>
</swiper-item>
</block>
</swiper>
<s-category-grid grid="{{grid}}"></s-category-grid>
</view>

home页面的组件引用

{
"usingComponents": {
"s-category-grid": "/components/category-grid/index"
}
}

效果图