79 lines
3.9 KiB
Plaintext
79 lines
3.9 KiB
Plaintext
<view class="page home-page">
|
|
<swiper class="banner-swiper" indicator-dots="{{activities.length > 1}}" autoplay="{{activities.length > 1}}" circular="{{activities.length > 1}}" interval="4000">
|
|
<block wx:for="{{activities}}" wx:for-item="activity" wx:key="id">
|
|
<swiper-item>
|
|
<view class="banner-card" data-id="{{activity.id}}" bindtap="goActivityDetail">
|
|
<image wx:if="{{activity.cover_image}}" class="banner-image" src="{{activity.cover_image}}" mode="aspectFill" />
|
|
<view wx:else class="banner-image banner-image-placeholder">活动</view>
|
|
<view class="banner-overlay">
|
|
<view class="banner-tag">热度活动</view>
|
|
<view class="banner-title">{{activity.title}}</view>
|
|
<view class="banner-meta">{{activity.start_time}}</view>
|
|
<view class="banner-remain">{{activity.remainText}}</view>
|
|
</view>
|
|
</view>
|
|
</swiper-item>
|
|
</block>
|
|
</swiper>
|
|
|
|
<view class="entry-grid">
|
|
<view class="entry-item" bindtap="goActivity">
|
|
<view class="entry-icon entry-blue">活</view>
|
|
<view class="entry-text">活动</view>
|
|
</view>
|
|
<view class="entry-item" bindtap="goMatch">
|
|
<view class="entry-icon entry-purple">配</view>
|
|
<view class="entry-text">匹配</view>
|
|
</view>
|
|
<view class="entry-item" bindtap="goAnnouncementList">
|
|
<view class="entry-icon entry-red">告</view>
|
|
<view class="entry-text">公告</view>
|
|
</view>
|
|
<view class="entry-item" bindtap="goMessageBoard">
|
|
<view class="entry-icon entry-green">言</view>
|
|
<view class="entry-text">客服</view>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="section-card section-card-fill">
|
|
<view class="member-header">
|
|
<view class="section-title">报名用户</view>
|
|
<text class="section-tip" bindtap="goMatch">更多用户</text>
|
|
</view>
|
|
<view wx:if="{{featuredMembers && featuredMembers.length}}">
|
|
<swiper class="member-swiper" indicator-dots="{{featuredMembers.length > 1}}" autoplay="{{featuredMembers.length > 1}}" circular="{{featuredMembers.length > 1}}" interval="4500">
|
|
<block wx:for="{{featuredMembers}}" wx:for-item="member" wx:key="user_id">
|
|
<swiper-item>
|
|
<view wx:if="{{member && member.user_id}}" class="featured-member" data-id="{{member.user_id}}" bindtap="openMemberCard">
|
|
<image wx:if="{{member.avatar_blur_url}}" class="featured-member-image" src="{{member.avatar_blur_url}}" mode="aspectFill" />
|
|
<view wx:else class="featured-member-image featured-member-placeholder">用户</view>
|
|
<view class="featured-member-overlay">
|
|
<view class="featured-member-name">{{member.nicknameText}}</view>
|
|
<view class="featured-member-meta">{{member.cityText}}</view>
|
|
<view class="featured-member-intro">{{member.introText}}</view>
|
|
</view>
|
|
</view>
|
|
</swiper-item>
|
|
</block>
|
|
</swiper>
|
|
</view>
|
|
<view wx:else class="featured-empty">暂无用户</view>
|
|
</view>
|
|
|
|
<view wx:if="{{activeMember}}" class="member-mask" bindtap="closeMemberCard">
|
|
<view class="member-sheet" catchtap="noop">
|
|
<view class="member-sheet-header">
|
|
<image wx:if="{{activeMember.avatar_blur_url}}" class="member-sheet-avatar" src="{{activeMember.avatar_blur_url}}" mode="aspectFill" />
|
|
<view wx:else class="member-sheet-avatar member-avatar-placeholder">用户</view>
|
|
<view class="member-sheet-main">
|
|
<view class="member-sheet-name">{{activeMember.nicknameText}}</view>
|
|
<view class="member-sheet-meta">{{activeMember.birthYearRangeText}} · {{activeMember.cityText}}</view>
|
|
</view>
|
|
</view>
|
|
<view class="member-sheet-tags">{{activeMemberTagsText || '性格标签待完善'}}</view>
|
|
<view class="member-sheet-intro">{{activeMember.introText}}</view>
|
|
<button class="primary-btn" bindtap="goMatch">去匹配查看更多</button>
|
|
</view>
|
|
</view>
|
|
</view>
|