实现一个自定义的筛选框,打开后效果如下
点击左侧三个选项后变为
wxml结构以及样式如下
失效标签处渲染的样式如下
可见该处的样式根本没有被渲染!!!!!!
_(:з」∠)_
在开发者论坛提问与查询无果,wxml文件相关部分如下:
<block
wx:for="{{filter}}"
wx:key="index"
wx:item="item"
>
<text
class="filter-item {{item.asc ? 'filter-item--asc' : ''}}"
data-index="{{index}}"
bind:tap="filterItemTap"
>{{item.name}}</text>
</block>
难道是class部分三目运算符的锅?修改一下
<block wx:for="{{filter}}"
wx:key="index"
wx:item="item"
>
<text
wx:if="{{item.asc}}"
class="filter-item filter-item--asc"
data-index="{{index}}"
bind:tap="filterItemTap"
>{{item.name}}</text>
<text
wx:else
class="filter-item"
data-index="{{index}}"
bind:tap="filterItemTap"
>{{item.name}}</text>
</block>
然后就好了……好了……好了……