5c34676a
 “wangming”
对会员端进行了设计
|
1
|
<view class="page-shell home-page data-v-92bb8f34"><view class="page-blur data-v-92bb8f34"></view><view class="page-blur-secondary data-v-92bb8f34"></view><view class="page-blur-tertiary data-v-92bb8f34"></view><view class="page-content data-v-92bb8f34"><view class="topbar capsule-safe data-v-92bb8f34"><view class="data-v-92bb8f34"><text class="brand-name data-v-92bb8f34">绿纤美业</text><text class="brand-subtitle data-v-92bb8f34">会员专属 SPA 与肌肤管理</text></view></view><view class="hero-card glass-card data-v-92bb8f34"><view class="hero-copy data-v-92bb8f34"><text class="hero-tag data-v-92bb8f34">TODAY'S BEAUTY RITUAL</text><text class="hero-title data-v-92bb8f34">今日专属护理</text><text class="hero-desc data-v-92bb8f34"> 在线预约、会员权益与到店体验，在一份更安静、更柔和的界面里被重新组织。 </text></view><view class="hero-art-wrap data-v-92bb8f34"><image class="hero-art data-v-92bb8f34" src="/static/images/art-home.png" mode="aspectFill"></image></view><view class="quick-grid data-v-92bb8f34"><block wx:for="{{quickEntries}}" wx:for-item="item" wx:for-index="__i0__" wx:key="key"><view data-event-opts="{{[['tap',[['handleQuick',['$0'],[[['quickEntries','key',item.key]]]]]]]}}" class="quick-item data-v-92bb8f34" bindtap="__e"><view class="{{['quick-icon','data-v-92bb8f34',item.iconType]}}"><view class="icon-core data-v-92bb8f34"></view></view><text class="quick-title data-v-92bb8f34">{{item.title}}</text><text class="quick-subtitle data-v-92bb8f34">{{item.subtitle}}</text></view></block></view></view><view class="section-block data-v-92bb8f34"><view class="section-head data-v-92bb8f34"><text class="section-title data-v-92bb8f34">最新预约记录</text><text data-event-opts="{{[['tap',[['goRecord',['$event']]]]]}}" class="section-link data-v-92bb8f34" bindtap="__e">查看全部</text></view><view data-event-opts="{{[['tap',[['goBookingDetail',['$event']]]]]}}" class="record-card glass-card data-v-92bb8f34" bindtap="__e"><view class="record-status-row data-v-92bb8f34"><text class="record-status data-v-92bb8f34">{{latestBooking.status}}</text><text class="record-time data-v-92bb8f34">{{latestBooking.date+" · "+latestBooking.displayTime}}</text></view><text class="record-store data-v-92bb8f34">{{latestBooking.store}}</text><view class="record-meta-panel data-v-92bb8f34"><view class="record-meta-item data-v-92bb8f34"><text class="meta-label data-v-92bb8f34">护理顾问</text><text class="meta-value data-v-92bb8f34">{{latestBooking.therapist}}</text></view><view class="record-meta-item data-v-92bb8f34"><text class="meta-label data-v-92bb8f34">护理空间</text><text class="meta-value data-v-92bb8f34">{{latestBooking.room}}</text></view></view></view></view><view class="section-block stores-section data-v-92bb8f34"><view class="section-head data-v-92bb8f34"><text class="section-title data-v-92bb8f34">附近门店</text><text data-event-opts="{{[['tap',[['goStoreList',['$event']]]]]}}" class="section-link data-v-92bb8f34" bindtap="__e">全部门店</text></view><block wx:for="{{stores}}" wx:for-item="store" wx:for-index="__i1__" wx:key="name"><view data-event-opts="{{[['tap',[['goStoreDetail',['$0'],[[['stores','name',store.name]]]]]]]}}" class="store-card glass-card data-v-92bb8f34" bindtap="__e"><view class="store-cover data-v-92bb8f34"><image class="store-cover-image data-v-92bb8f34" src="{{store.cover}}" mode="aspectFill"></image><view class="store-cover-overlay data-v-92bb8f34"></view><text class="store-cover-badge data-v-92bb8f34">{{store.tag}}</text><text class="store-cover-title data-v-92bb8f34">{{store.coverTitle}}</text></view><view class="store-body data-v-92bb8f34"><view class="store-headline data-v-92bb8f34"><text class="store-name data-v-92bb8f34">{{store.name}}</text><text class="store-distance data-v-92bb8f34">{{store.distance}}</text></view><text class="store-address data-v-92bb8f34">{{store.address}}</text><view class="store-meta-row data-v-92bb8f34"><text class="store-meta data-v-92bb8f34">{{"营业时间 "+store.hours}}</text><text class="store-meta data-v-92bb8f34">{{store.phone}}</text></view><view class="store-actions data-v-92bb8f34"><view data-event-opts="{{[['tap',[['callStore',['$0'],[[['stores','name',store.name,'phone']]]]]]]}}" class="mini-button data-v-92bb8f34" catchtap="__e">电话</view><view data-event-opts="{{[['tap',[['openMap',['$0'],[[['stores','name',store.name]]]]]]]}}" class="mini-button data-v-92bb8f34" catchtap="__e">导航</view><view data-event-opts="{{[['tap',[['bookStore',['$0'],[[['stores','name',store.name]]]]]]]}}" class="mini-button primary-mini data-v-92bb8f34" catchtap="__e">预约</view></view></view></view></block></view><view class="safe-bottom-space data-v-92bb8f34"></view></view><view class="lf-tabbar-wrap data-v-92bb8f34"><view class="lf-tabbar-panel data-v-92bb8f34"><block wx:for="{{tabs}}" wx:for-item="item" wx:for-index="__i2__" wx:key="key"><view data-event-opts="{{[['tap',[['goTab',['$0'],[[['tabs','key',item.key]]]]]]]}}" class="{{['lf-tabbar-item','data-v-92bb8f34',(item.key==='home')?'active':'']}}" bindtap="__e"><view class="lf-tabbar-icon-shell data-v-92bb8f34"><image class="lf-tabbar-icon data-v-92bb8f34" src="{{item.key==='home'?item.activeIcon:item.icon}}" mode="aspectFit"></image></view><text class="lf-tabbar-label data-v-92bb8f34">{{item.label}}</text></view></block></view></view></view>
|
