uni-app 自定义组件样式问题 #shadow-root

描述: 使用uni-app编译自定义组件后，组件不仅多嵌套一层标签，并且在组件最外层的样式并没有作用到该标签上，导致页面变形。

QQ截图20191113180947.png

如图所示：多了个wm-tabbar-item标签，并且设置的 .wm-tabbar-item { flex: 1}样式也没作用到页面上，导致页面没有按预期展示。

解决方法：给标签设置样式

/* 这是个标签
-------------------------- */
wm-tabbar-item {
  flex: 1;
}

// 原来设置的class不生效
// .wm-tabbar-item {
//   flex: 1;
// }