72 lines
3.6 KiB
Plaintext
72 lines
3.6 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">
|
|
<swiper-item wx:for="{{activities}}" wx:key="id">
|
|
<view class="banner-card" data-id="{{item.id}}" bindtap="goActivityDetail">
|
|
<image wx:if="{{item.cover_image}}" class="banner-image" src="{{item.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">{{item.title}}</view>
|
|
<view class="banner-meta">{{item.start_time}}</view>
|
|
<view class="banner-remain">{{item.remainText}}</view>
|
|
</view>
|
|
</view>
|
|
</swiper-item>
|
|
</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>
|
|
<swiper class="member-swiper" indicator-dots="{{featuredMembers.length > 1}}" autoplay="{{featuredMembers.length > 1}}" circular="{{featuredMembers.length > 1}}" interval="4500">
|
|
<swiper-item wx:for="{{featuredMembers}}" wx:key="user_id">
|
|
<view class="featured-member" data-id="{{item.user_id}}" bindtap="openMemberCard">
|
|
<image wx:if="{{item.avatar_blur_url}}" class="featured-member-image" src="{{item.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">{{item.nicknameText}}</view>
|
|
<view class="featured-member-meta">{{item.cityText}}</view>
|
|
<view class="featured-member-intro">{{item.introText}}</view>
|
|
</view>
|
|
</view>
|
|
</swiper-item>
|
|
</swiper>
|
|
</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>
|