微信小程序巧用wx:if来控制伪元素::after::before的显示

微信小程序巧用wx:if来控制伪元素::after::before的显示微信小程序巧用wx:if来控制伪元素::after::before的显示

微信小程序巧用wx:if来控制伪元素::after::before的显示 

 上图中每个block是一个flex布局的容器,容器里可以放三个内容,当内容为null时由于还是有class=“date”的标签存在,就会有多余的显示,于是想到用wx::if来控制这个class='date'的标签,来隐藏对应的::after的显示。(当然,如果直接不存内容也就不会有上面的问题)

解决后效果:

微信小程序巧用wx:if来控制伪元素::after::before的显示微信小程序巧用wx:if来控制伪元素::after::before的显示