main.wxml
5.57 KB
<view class="page-shell mall-page data-v-c2a5b348"><view class="page-blur data-v-c2a5b348"></view><view class="page-blur-secondary data-v-c2a5b348"></view><view class="page-blur-tertiary data-v-c2a5b348"></view><view class="page-content data-v-c2a5b348"><view class="mall-header capsule-safe data-v-c2a5b348"><view class="data-v-c2a5b348"><text class="mall-title data-v-c2a5b348">美容商城</text><text class="mall-subtitle data-v-c2a5b348">把门店里的护理感，慢慢带回日常。</text></view></view><view class="feature-card glass-card data-v-c2a5b348"><view class="feature-copy data-v-c2a5b348"><text class="feature-tag data-v-c2a5b348">CURATED COLLECTION</text><text class="feature-title data-v-c2a5b348">把门店里的护理感带回家</text><text class="feature-desc data-v-c2a5b348">按当下所需慢慢挑选，在轻盈的双列陈列里，找到适合自己的护理好物。</text></view><view class="feature-art-wrap data-v-c2a5b348"><image class="feature-art data-v-c2a5b348" src="/static/images/art-home.png" mode="aspectFill"></image></view></view><view class="search-card glass-card data-v-c2a5b348"><view class="search-icon data-v-c2a5b348"></view><input class="search-input data-v-c2a5b348" placeholder="搜索精华、面膜、身体护理、香氛好物" placeholder-class="search-placeholder" confirm-type="search" data-event-opts="{{[['input',[['__set_model',['','searchKeyword','$event',[]]]]]]}}" value="{{searchKeyword}}" bindinput="__e"/></view><view class="category-row data-v-c2a5b348"><block wx:for="{{categories}}" wx:for-item="item" wx:for-index="__i0__" wx:key="*this"><view data-event-opts="{{[['tap',[['e0',['$event']]]]]}}" data-event-params="{{({item})}}" class="{{['category-chip','data-v-c2a5b348',(activeCategory===item)?'active':'']}}" bindtap="__e">{{''+item+''}}</view></block></view><view class="section-head product-head data-v-c2a5b348"><text class="section-title data-v-c2a5b348">甄选好物</text><text class="section-link data-v-c2a5b348">{{$root.g0+" 件在售"}}</text></view><block wx:if="{{$root.g1}}"><view class="waterfall data-v-c2a5b348"><view class="waterfall-col data-v-c2a5b348"><block wx:for="{{leftProducts}}" wx:for-item="product" wx:for-index="__i1__" wx:key="name"><view data-event-opts="{{[['tap',[['previewProduct',['$0'],[[['leftProducts','name',product.name]]]]]]]}}" class="product-card glass-card data-v-c2a5b348" bindtap="__e"><view class="product-cover data-v-c2a5b348" style="{{(product.coverStyle)}}"><image class="product-photo data-v-c2a5b348" src="{{product.image}}" mode="aspectFill"></image><view class="product-cover-mask data-v-c2a5b348"></view><text class="product-badge data-v-c2a5b348">{{product.badge}}</text><text class="product-cover-title data-v-c2a5b348">{{product.coverTitle}}</text></view><view class="product-body data-v-c2a5b348"><text class="product-name data-v-c2a5b348">{{product.name}}</text><view class="product-tags data-v-c2a5b348"><block wx:for="{{product.tags}}" wx:for-item="tag" wx:for-index="__i2__" wx:key="*this"><text class="product-tag data-v-c2a5b348">{{tag}}</text></block></view><view class="product-footer data-v-c2a5b348"><view class="data-v-c2a5b348"><text class="price-symbol data-v-c2a5b348">¥</text><text class="product-price data-v-c2a5b348">{{product.price}}</text></view><text class="product-sales data-v-c2a5b348">{{"已售 "+product.sales}}</text></view></view></view></block></view><view class="waterfall-col data-v-c2a5b348"><block wx:for="{{rightProducts}}" wx:for-item="product" wx:for-index="__i3__" wx:key="name"><view data-event-opts="{{[['tap',[['previewProduct',['$0'],[[['rightProducts','name',product.name]]]]]]]}}" class="product-card glass-card data-v-c2a5b348" bindtap="__e"><view class="product-cover data-v-c2a5b348" style="{{(product.coverStyle)}}"><image class="product-photo data-v-c2a5b348" src="{{product.image}}" mode="aspectFill"></image><view class="product-cover-mask data-v-c2a5b348"></view><text class="product-badge data-v-c2a5b348">{{product.badge}}</text><text class="product-cover-title data-v-c2a5b348">{{product.coverTitle}}</text></view><view class="product-body data-v-c2a5b348"><text class="product-name data-v-c2a5b348">{{product.name}}</text><view class="product-tags data-v-c2a5b348"><block wx:for="{{product.tags}}" wx:for-item="tag" wx:for-index="__i4__" wx:key="*this"><text class="product-tag data-v-c2a5b348">{{tag}}</text></block></view><view class="product-footer data-v-c2a5b348"><view class="data-v-c2a5b348"><text class="price-symbol data-v-c2a5b348">¥</text><text class="product-price data-v-c2a5b348">{{product.price}}</text></view><text class="product-sales data-v-c2a5b348">{{"已售 "+product.sales}}</text></view></view></view></block></view></view></block><block wx:else><view class="empty-card glass-card data-v-c2a5b348"><text class="empty-title data-v-c2a5b348">暂未找到相关商品</text><text class="empty-desc data-v-c2a5b348">可以换个关键词，或切换分类继续看看。</text></view></block><view class="safe-bottom-space data-v-c2a5b348"></view></view><view class="lf-tabbar-wrap data-v-c2a5b348"><view class="lf-tabbar-panel data-v-c2a5b348"><block wx:for="{{tabs}}" wx:for-item="item" wx:for-index="__i5__" wx:key="key"><view data-event-opts="{{[['tap',[['goTab',['$0'],[[['tabs','key',item.key]]]]]]]}}" class="{{['lf-tabbar-item','data-v-c2a5b348',(item.key==='mall')?'active':'']}}" bindtap="__e"><view class="lf-tabbar-icon-shell data-v-c2a5b348"><image class="lf-tabbar-icon data-v-c2a5b348" src="{{item.key==='mall'?item.activeIcon:item.icon}}" mode="aspectFit"></image></view><text class="lf-tabbar-label data-v-c2a5b348">{{item.label}}</text></view></block></view></view></view>