小程序自定义嵌套组件flex

Question

如下：

<p-row>
    <p-col></p-col>
    <p-col></p-col>
</p-row>

在p-row中设置样式为display:flex;justify-content:space-between;效果如下：

可是在p-col里设置样式为flex-grow:1;确不起作用。还是如下

我按文档组件关系，写上属性，也不起作用。

relations: {
    '../p-col/p-col': {
      type: 'child',
    }
  },
relations: {
    '../p-row/p-row': {
      type: 'parent',
    }
  },

我又测试了下定位，
在p-row中设置position:relative;在p-col中设置position:absolute;top:0;left0;是正确的。
所以求教各位大神咱们解决。
谢谢

Answer 1

./p-col/p-col.wxss

//加上
:host {
    flex: 1;
}

Answer 2

因为flex 无法穿透组件存在