在组件中两个同级的模块样式冲突

lepo

两个同级模块样式冲突：

回把child2的样式带到child1中



<view class="test-moudle">
     <view class="child1" v-if="true">
          <text class="child1-content">1111</text>
     </view>

     <view class="child2" v-if="false">
          <text class="child2-content">2222</text>
     </view>
</view>


<style>
.test-moudle{
     width:100%
     height:100%;
     background:#fff;
}

.child2{
     display:flex;
     flex-direction: row;
     align-items: flex-start;
     justify-content: center;
     width:100%
     height:100px;
     background:blue;

}
</style>

勇可可【1161277121】

在if外面再套一层空的view

lepo

勇可可 · 2023-4-3 16:08在if外面再套一层空的view

谢谢，真的可以了，就是代码看着比较怪

勇可可【1161277121】

lepo · 2023-4-3 16:34谢谢，真的可以了，就是代码看着比较怪

他们这view会往前顶 但是样式还是用的前一个的 所以有毛病 多注意点就行

lepo

勇可可 · 2023-4-3 19:30他们这view会往前顶 但是样式还是用的前一个的 所以有毛病 多注意点就行

好嘞，谢谢