36 lines
1.7 KiB
Plaintext
36 lines
1.7 KiB
Plaintext
<view class="page ui-page">
|
|
<nav-bar title="作品集" theme="blur" />
|
|
<scroll-view class="tabs" scroll-x="true" enhanced="true" show-scrollbar="false">
|
|
<view class="tabs-row">
|
|
<view wx:for="{{tabs}}" wx:key="*this" class="tab {{activeTab === item ? 'active' : ''}}" data-tab="{{item}}" bindtap="onTapTabFilter">{{item}}</view>
|
|
</view>
|
|
</scroll-view>
|
|
|
|
<view class="summary">当前分类：{{activeTab}} · {{currentCount}} 组客片</view>
|
|
|
|
<view wx:if="{{leftList.length || rightList.length}}" class="waterfall">
|
|
<view class="column">
|
|
<view wx:for="{{leftList}}" wx:key="id" class="photo-wrap" bindtap="onTapPreview" data-id="{{item.id}}">
|
|
<image class="photo {{item.ratio === 'tall' ? 'tall' : 'wide'}}" src="{{item.cover}}" mode="widthFix" lazy-load="true"></image>
|
|
<view class="photo-mask">
|
|
<view class="photo-title">{{item.title}}</view>
|
|
<view class="photo-meta">{{item.category}} · {{item.scene}}</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="column">
|
|
<view wx:for="{{rightList}}" wx:key="id" class="photo-wrap" bindtap="onTapPreview" data-id="{{item.id}}">
|
|
<image class="photo {{item.ratio === 'tall' ? 'tall' : 'wide'}}" src="{{item.cover}}" mode="widthFix" lazy-load="true"></image>
|
|
<view class="photo-mask">
|
|
<view class="photo-title">{{item.title}}</view>
|
|
<view class="photo-meta">{{item.category}} · {{item.scene}}</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<view wx:else class="ui-state-empty">当前分类暂无作品</view>
|
|
|
|
<view class="floating-cta ui-btn-primary" bindtap="onTapBook">预约同款风格拍摄</view>
|
|
</view>
|