96 lines
3.7 KiB
Plaintext
96 lines
3.7 KiB
Plaintext
<!--index.wxml-->
|
||
<navigation-bar title="美丽护肤" back="{{false}}" color="black" background="#FFF"></navigation-bar>
|
||
|
||
<scroll-view class="scrollarea" scroll-y type="list">
|
||
<!-- 轮播图 -->
|
||
<swiper class="banner-swiper" indicator-dots autoplay circular>
|
||
<swiper-item wx:for="{{swiperList}}" wx:key="id">
|
||
<view class="banner-item">
|
||
<image src="{{item.image}}" mode="aspectFill" class="banner-image"></image>
|
||
<view class="banner-title">{{item.title}}</view>
|
||
</view>
|
||
</swiper-item>
|
||
</swiper>
|
||
|
||
<!-- 服务分类导航 -->
|
||
<view class="service-nav">
|
||
<view class="service-nav-item" wx:for="{{hotServices}}" wx:key="id" bindtap="goToCategory" data-id="{{item.id}}">
|
||
<view class="service-nav-icon" style="background-color: {{item.color}}">
|
||
<t-icon name="{{item.icon}}" size="48rpx" color="#fff" />
|
||
</view>
|
||
<view class="service-nav-name">{{item.name}}</view>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 推荐服务 -->
|
||
<view class="section">
|
||
<view class="section-header">
|
||
<text class="section-title">热门项目</text>
|
||
<view class="section-more" bindtap="goToCategory">
|
||
<text>查看更多</text>
|
||
<t-icon name="chevron-right" size="32rpx" color="#999" />
|
||
</view>
|
||
</view>
|
||
|
||
<view class="service-list">
|
||
<view class="service-card" wx:for="{{recommendServices}}" wx:key="id" bindtap="goToServiceDetail" data-id="{{item.id}}">
|
||
<image src="{{item.image}}" mode="aspectFill" class="service-image"></image>
|
||
<view class="service-content">
|
||
<view class="service-name">{{item.name}}</view>
|
||
<view class="service-desc">{{item.desc}}</view>
|
||
<view class="service-footer">
|
||
<view class="service-price">
|
||
<text class="price">¥{{item.price}}</text>
|
||
<text class="original-price">¥{{item.originalPrice}}</text>
|
||
</view>
|
||
<view class="service-sales">已售{{item.sales}}</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 美容师推荐 -->
|
||
<view class="section">
|
||
<view class="section-header">
|
||
<text class="section-title">美容师推荐</text>
|
||
<view class="section-more">
|
||
<text>查看全部</text>
|
||
<t-icon name="chevron-right" size="32rpx" color="#999" />
|
||
</view>
|
||
</view>
|
||
|
||
<view class="beautician-list">
|
||
<view class="beautician-card" wx:for="{{beauticians}}" wx:key="id" bindtap="goToBeauticianDetail" data-id="{{item.id}}">
|
||
<image src="{{item.avatar}}" mode="aspectFill" class="beautician-avatar"></image>
|
||
<view class="beautician-info">
|
||
<view class="beautician-name">{{item.name}}</view>
|
||
<view class="beautician-title">{{item.title}}</view>
|
||
<view class="beautician-exp">{{item.experience}} | {{item.specialty}}</view>
|
||
</view>
|
||
<t-button theme="primary" size="small" variant="outline" class="beautician-btn">预约</t-button>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 品牌介绍 -->
|
||
<view class="brand-intro">
|
||
<view class="brand-title">关于我们</view>
|
||
<view class="brand-desc">我们致力于为您提供高品质的美容服务，让每一位顾客都能享受专业的美丽体验。</view>
|
||
<view class="brand-contact">
|
||
<view class="contact-item">
|
||
<t-icon name="location" size="32rpx" color="#666" />
|
||
<text>地址：美丽大道123号</text>
|
||
</view>
|
||
<view class="contact-item">
|
||
<t-icon name="call" size="32rpx" color="#666" />
|
||
<text>电话：123-4567-8910</text>
|
||
</view>
|
||
<view class="contact-item">
|
||
<t-icon name="time" size="32rpx" color="#666" />
|
||
<text>营业时间：10:00-21:00</text>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</scroll-view>
|