<view class="{{['vaccine-list-container', virtualHostClass]}}" style="{{virtualHostStyle}}" hidden="{{virtualHostHidden || false}}" id="{{n}}"><view class="filter-bar"><view class="search-box"><text class="iconfont icon-search"></text><input type="text" placeholder="{{a}}" value="{{b}}" bindinput="{{c}}"/></view><scroll-view scroll-x class="category-scroll" show-scrollbar="{{false}}"><view class="category-list"><text wx:for="{{d}}" wx:for-item="category" wx:key="b" class="{{[category.c && 'active']}}" bindtap="{{category.d}}">{{category.a}}</text></view></scroll-view></view><scroll-view scroll-y class="vaccine-list" refresher-enabled refresher-triggered="{{k}}" bindrefresherrefresh="{{l}}" bindscrolltolower="{{m}}"><view wx:for="{{e}}" wx:for-item="vaccine" wx:key="n" class="vaccine-item card" bindtap="{{vaccine.o}}"><image src="{{vaccine.a}}" mode="aspectFill" class="vaccine-image"/><view class="info"><view class="name-wrap"><text class="name">{{vaccine.b}}</text><view class="tags"><text wx:if="{{vaccine.c}}" class="tag free">{{vaccine.d}}</text><text wx:if="{{vaccine.e}}" class="tag recommended">{{vaccine.f}}</text><text wx:if="{{vaccine.g}}" class="tag seasonal">{{vaccine.h}}</text></view></view><text class="desc">{{vaccine.i}}</text><view class="footer"><view class="price-info"><text wx:if="{{vaccine.j}}" class="price">MOP {{vaccine.k}}</text><text wx:else class="free">{{vaccine.l}}</text></view><button class="book-btn primary-btn" catchtap="{{vaccine.m}}">{{f}}</button></view></view></view><view wx:if="{{g}}" class="load-more"><text>{{h}}</text></view><view wx:if="{{i}}" class="empty-state"><image src="{{j}}" mode="aspectFit"/><text>暂无相关疫苗</text></view></scroll-view></view>
|
