dcloudio / dcloudio/uni-ui

uni-grid 严重的样式BUG,是uni-grid还是配合uni-segmented-control造成的?

Open
#764 2 comments 0 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
2.1k
Forks
661
PR merge metrics
No merged PRs in 30d

Description

如下代码,非当前默认激活的选项卡下面的网格布局样式宽高就变成0了
```





选项卡1的内容





文本信息






选项卡2的内容





文本信息






选项卡3的内容





文本信息






export default {
data() {
return {
items: ['选项1', '选项2', '选项3'],
current: 0
};
},
methods: {
change(e) {
let {
index
} = e.detail
this.list[index].badge && this.list[index].badge++

uni.showToast({
title: `点击第${index+1}个宫格`,
icon: 'none'
})
},
onClickItem(e) {
if (this.current != e.currentIndex) {
this.current = e.currentIndex;
}
}
}
};

```
在vue3 下 以上代码 uni-grid 组件 渲染后第2选项卡和第3选项卡(如果当前默认激活第1选项卡)变成如下
` ...
`
如果默认激活选项卡2或3,那么其他2个选项卡的网格布局样式也是0

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.