appointment_system/miniprogram/unpackage/dist/dev/mp-weixin/pages/appointment/appointment-page.wxml

<view class="content"><view class="header-title">{{a}}</view><view class="divider"></view><view class="main-container"><view class="category-sidebar"><view wx:for="{{b}}" wx:for-item="category" wx:key="c" bindtap="{{category.d}}" class="{{['category-item', category.e && 'category-item-active']}}"><view wx:if="{{category.a}}" class="category-indicator"></view><text class="category-text">{{category.b}}</text></view></view><view class="divider-vertical"></view><view class="service-list"><view wx:if="{{c}}" class="loading-container"><text class="loading-text">{{d}}</text></view><view wx:elif="{{e}}" class="service-items"><view wx:for="{{f}}" wx:for-item="service" wx:key="e" class="service-item" bindtap="{{service.f}}"><view class="service-image-wrapper"><image wx:if="{{service.a}}" src="{{service.b}}" class="service-image" mode="aspectFill" binderror="{{service.c}}"></image><view wx:else class="service-image-placeholder"><text class="placeholder-icon">📷</text></view></view><text class="service-title">{{service.d}}</text></view></view><view wx:else class="empty-container"><text class="empty-text">{{g}}</text></view></view></view></view>