74 lines
3.1 KiB
Plaintext
74 lines
3.1 KiB
Plaintext
<view class="page ui-page">
|
|
<nav-bar title="主页" theme="blur" />
|
|
<view class="hero" style="background-image: linear-gradient(rgba(0, 0, 0, 0.28), rgba(0, 0, 0, 0.28)), url('{{home.heroImage}}');">
|
|
<view class="hero-tag">城市纪实摄影</view>
|
|
<view class="hero-name">{{home.photographerName}}</view>
|
|
<view class="hero-subtitle">{{home.photographerTagline}}</view>
|
|
<view class="hero-cta" bindtap="onTapLookWorks">先看作品</view>
|
|
</view>
|
|
|
|
<view class="stats-card">
|
|
<view class="stats-main">
|
|
<text class="stats-count">{{home.portfolioCount}}</text>
|
|
<text class="stats-unit">组真实客片</text>
|
|
</view>
|
|
<view class="stats-sub">{{home.updateText}}</view>
|
|
</view>
|
|
|
|
<view class="section">
|
|
<view class="section-head">
|
|
<view class="section-title">精选作品</view>
|
|
<view class="section-link" bindtap="onTapViewAllWorks">查看全部</view>
|
|
</view>
|
|
<view class="works-grid">
|
|
<view class="work-large-wrap" bindtap="onTapHomeWorkPreview" data-index="0">
|
|
<image class="work-large" src="{{home.works[0].cover}}" mode="aspectFill"></image>
|
|
<view class="work-mask">
|
|
<view class="work-name">{{home.works[0].title || '客片精选'}}</view>
|
|
<view class="work-meta">{{home.works[0].category}} · {{home.works[0].scene}}</view>
|
|
</view>
|
|
</view>
|
|
<view class="work-right">
|
|
<view wx:for="{{home.works}}" wx:key="id" wx:if="{{index > 0 && index < 3}}" class="work-small-wrap" bindtap="onTapHomeWorkPreview" data-index="{{index}}">
|
|
<image class="work-small" src="{{item.cover}}" mode="aspectFill"></image>
|
|
<view class="work-mask small">
|
|
<view class="work-meta">{{item.category}}</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<scroll-view class="tags-scroll" scroll-x="true" enhanced="true" show-scrollbar="false">
|
|
<view class="tags-row">
|
|
<view wx:for="{{home.tags}}" wx:key="*this" class="tag-item">{{item}}</view>
|
|
</view>
|
|
</scroll-view>
|
|
|
|
<view class="section">
|
|
<view class="section-head">
|
|
<view class="section-title">预约套餐</view>
|
|
</view>
|
|
<view wx:for="{{home.packages}}" wx:key="id" class="pkg-card" data-id="{{item.id}}" bindtap="onTapPackage">
|
|
<view class="pkg-top">
|
|
<view wx:if="{{item.badge}}" class="pkg-badge">{{item.badge}}</view>
|
|
<view class="pkg-slots">{{item.availableSlots}}</view>
|
|
</view>
|
|
<view class="pkg-title">{{item.title}}</view>
|
|
<view class="pkg-desc">{{item.desc}}</view>
|
|
<view class="pkg-price-row">
|
|
<view class="pkg-price">¥{{item.price}}</view>
|
|
<view class="pkg-origin">¥{{item.originalPrice}}</view>
|
|
</view>
|
|
<view class="pkg-actions">
|
|
<view class="pkg-action ghost" data-id="{{item.id}}" catchtap="onTapPackageDetail">查看详情</view>
|
|
<view class="pkg-action solid" data-id="{{item.id}}" catchtap="onTapPackageBook">{{item.ctaLabel}}</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<view wx:if="{{errorText}}" class="ui-state-error">{{errorText}}</view>
|
|
|
|
<view class="sticky-cta ui-btn-primary" bindtap="onTapBookNow">立即预约拍摄</view>
|
|
</view>
|