uni-app 【报Bug】uni-list-item 插槽body 嵌入 uni-grid 小程序显示异常

uni-app 【报Bug】uni-list-item 插槽body 嵌入 uni-grid 小程序显示异常 产品分类：uniapp/小程序/微信

字段 值
PC开发环境操作系统 Mac
PC开发环境操作系统版本号 macOs monterey 12.0.1
HBuilderX类型 正式
HBuilderX版本号 3.3.7
第三方开发者工具版本号 RC 1.05.2111051
基础库版本号 2.20.2
项目创建方式 HBuilderX

示例代码：

<uni-list>  
<uni-list-item>  
                        <template v-slot:body>  
                            <uni-grid>  
                                <uni-grid-item v-for="(item,index) in 8">  
                                    <view style="height: 100%;width: 100%;">  
                                        <view style="height: 90%;width: 90%;background-color: #007AFF;margin: 5px;">  
                                            <uni-icons type="color" color="red" size="44"></uni-icons>  
                                        </view>  
                                    </view>  
                                </uni-grid-item>  
                                <uni-grid-item>  
                                    <view style="height: 100%;width: 100%;">  
                                        <view style="height: 90%;width: 90%;background-color: #007AFF;margin: 5px;display: flex;justify-content: center;align-items: center;">  
                                            <uni-icons type="color" color="red" size="44"></uni-icons>  
                                        </view>  
                                    </view>  
                                </uni-grid-item>  
                            </uni-grid>  
                        </template>  
                    </uni-list-item>  
</uni-list>

更多关于uni-app 【报Bug】uni-list-item 插槽body 嵌入 uni-grid 小程序显示异常的实战教程也可以访问 https://www.itying.com/category-93-b0.html

回到顶部