<view class="container data-v-32776bce"><view class="header data-v-32776bce"><view class="logo data-v-32776bce">篮球培训</view><view class="header-right data-v-32776bce"><u-icon vue-id="1c750be6-1" name="{{showMenu?'close':'list-dot'}}" size="22" color="#333" data-event-opts="{{[['^click',[['handleMenuClick']]]]}}" bind:click="__e" class="data-v-32776bce" bind:__l="__l"></u-icon></view></view><scroll-view class="content data-v-32776bce" scroll-y="{{true}}"><view class="stats data-v-32776bce"><view class="stat-card data-v-32776bce"><view class="stat-value dis-flex flex-y-center flex-x-center data-v-32776bce"><u-count-to vue-id="1c750be6-2" startVal="{{0}}" endVal="{{2000}}" fontSize="20" color="#333" bold="{{true}}" class="data-v-32776bce" bind:__l="__l"></u-count-to><text class="data-v-32776bce">+</text></view><view class="stat-label data-v-32776bce">累计学员</view></view><view class="stat-card data-v-32776bce"><view class="stat-value data-v-32776bce">100+</view><view class="stat-label data-v-32776bce">课程种类</view></view><view class="stat-card data-v-32776bce"><view class="stat-value data-v-32776bce">50+</view><view class="stat-label data-v-32776bce">活跃教练</view></view></view><view class="section courses data-v-32776bce"><view class="section-header data-v-32776bce"><text class="title data-v-32776bce">热门课程</text><text data-event-opts="{{[['tap',[['handleMoreCourses',['$event']]]]]}}" class="more data-v-32776bce" bindtap="__e">更多</text></view><scroll-view class="course-list data-v-32776bce" scroll-x="{{true}}"><block wx:for="{{courses}}" wx:for-item="course" wx:for-index="index" wx:key="index"><view class="course-card data-v-32776bce"><image class="course-image data-v-32776bce" src="{{course.image}}" mode="aspectFill"></image><view class="course-info data-v-32776bce"><text class="course-name data-v-32776bce">{{course.name}}</text><text class="course-target data-v-32776bce">{{course.target}}</text><text class="course-price data-v-32776bce">{{"¥"+course.price+"/节"}}</text></view></view></block></scroll-view></view><view class="section coaches data-v-32776bce"><view class="section-header data-v-32776bce"><text class="title data-v-32776bce">教练团队</text><text data-event-opts="{{[['tap',[['handleMoreCoaches',['$event']]]]]}}" class="more data-v-32776bce" bindtap="__e">更多</text></view><view class="coach-grid data-v-32776bce"><block wx:for="{{coaches}}" wx:for-item="coach" wx:for-index="index" wx:key="index"><view class="coach-card data-v-32776bce"><image class="coach-avatar data-v-32776bce" src="{{coach.avatar}}" mode="aspectFill"></image><text class="coach-name data-v-32776bce">{{coach.name}}</text><text class="coach-specialty data-v-32776bce">{{coach.specialty}}</text><text class="coach-experience data-v-32776bce">{{coach.experience+"年教龄"}}</text></view></block></view></view><view class="section reviews data-v-32776bce"><view class="section-header data-v-32776bce"><text class="title data-v-32776bce">用户评价</text><view class="rating data-v-32776bce"><text class="rating-score data-v-32776bce">4.9</text><view class="rating-stars data-v-32776bce"><u-rate bind:input="__e" vue-id="1c750be6-3" count="{{5}}" readonly="{{true}}" allowHalf="{{true}}" size="14" activeColor="#FFB800" value="{{4.9}}" data-event-opts="{{[['^input',[['__set_model',[4,'9','$event',[]]]]]]}}" class="data-v-32776bce" bind:__l="__l"></u-rate></view></view></view><view class="review-list data-v-32776bce"><block wx:for="{{reviews}}" wx:for-item="review" wx:for-index="index" wx:key="index"><view class="review-card data-v-32776bce"><view class="review-header data-v-32776bce"><image class="user-avatar data-v-32776bce" src="{{review.avatar}}" mode="aspectFill"></image><view class="review-info data-v-32776bce"><text class="user-name data-v-32776bce">{{review.userName}}</text><view class="rating-stars data-v-32776bce"><u-rate bind:input="__e" vue-id="{{'1c750be6-4-'+index}}" count="{{5}}" readonly="{{true}}" allowHalf="{{true}}" size="14" activeColor="#FFB800" value="{{4.7}}" data-event-opts="{{[['^input',[['__set_model',[4,'7','$event',[]]]]]]}}" class="data-v-32776bce" bind:__l="__l"></u-rate></view></view><text class="review-time data-v-32776bce">{{review.time}}</text></view><text class="review-content data-v-32776bce">{{review.content}}</text><text class="review-course data-v-32776bce">{{"课程："+review.course}}</text></view></block></view></view><view class="section contact data-v-32776bce"><view class="section-header data-v-32776bce"><text class="title data-v-32776bce">联系我们</text></view><view class="contact-info data-v-32776bce"><view class="contact-item data-v-32776bce"><uni-icons vue-id="1c750be6-5" type="location" size="20" color="#333333" class="data-v-32776bce" bind:__l="__l"></uni-icons><text class="data-v-32776bce">北京市朝阳区体育馆路2号</text></view><view class="contact-item data-v-32776bce"><u-icon vue-id="1c750be6-6" name="phone" size="20" color="#333" class="data-v-32776bce" bind:__l="__l"></u-icon><text class="data-v-32776bce">400-888-9999</text></view><view class="contact-item data-v-32776bce"><u-icon vue-id="1c750be6-7" name="calendar" size="20" color="#333" class="data-v-32776bce" bind:__l="__l"></u-icon><text class="data-v-32776bce">营业时间：09:00-22:00</text></view></view></view></scroll-view><u-popup vue-id="1c750be6-8" show="{{showMenu}}" mode="right" safeAreaInsetBottom="{{false}}" overlayOpacity="{{0.1}}" bgColor="transparent" data-event-opts="{{[['^close',[['e0']]]]}}" bind:close="__e" class="data-v-32776bce" bind:__l="__l" vue-slots="{{['default']}}"><view class="popupBox data-v-32776bce"><block wx:for="{{navList}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view data-event-opts="{{[['tap',[['handleItem',[index]]]]]}}" class="{{['item_nav','data-v-32776bce',(ballActive==index)?'active':'']}}" bindtap="__e"><view class="{{['iconfont','item_icon','data-v-32776bce',item.iconName]}}"></view><text class="data-v-32776bce">{{item.name}}</text></view></block></view></u-popup><common-tabbar vue-id="1c750be6-9" class="data-v-32776bce" bind:__l="__l"></common-tabbar></view>