166 lines
7.9 KiB
Plaintext
166 lines
7.9 KiB
Plaintext
<view class="dance-container">
|
|
<swiper autoplay="{{true}}" bindchange="{{a}}" class="banner-swiper" duration="{{500}}" indicatorActiveColor="#6c5ce7" indicatorColor="rgba(255,255,255,0.4)" indicatorDots="{{true}}" interval="{{3000}}">
|
|
<swiper-item>
|
|
<view class="top-banner">
|
|
<view class="banner-content">
|
|
<view class="left-section">
|
|
<text class="main-title">舞</text>
|
|
<text class="sub-title">蹈</text>
|
|
<text class="sub-title">世</text>
|
|
<text class="sub-title">界</text>
|
|
</view>
|
|
<view class="right-section">
|
|
<view class="dance-emoji">🎭</view>
|
|
<view class="promo-card hot-class-card">
|
|
<view class="card-header">
|
|
<text class="card-title">HOT</text>
|
|
<text class="card-subtitle">CLASS</text>
|
|
<view class="music-icon">🎵</view>
|
|
</view>
|
|
<view class="card-content">
|
|
<text class="card-info">专业教学</text>
|
|
<text class="card-info">名师指导</text>
|
|
</view>
|
|
<view class="card-footer">
|
|
<view class="discount-badge">
|
|
<text class="badge-text">限时</text>
|
|
<text class="badge-text">优惠</text>
|
|
</view>
|
|
<view class="price-section">
|
|
<text class="discount-label">立减</text>
|
|
<text class="price-value">50%</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</swiper-item>
|
|
<swiper-item>
|
|
<view class="top-banner">
|
|
<view class="banner-content">
|
|
<view class="left-section">
|
|
<text class="main-title">精</text>
|
|
<text class="sub-title">彩</text>
|
|
<text class="sub-title">表</text>
|
|
<text class="sub-title">演</text>
|
|
</view>
|
|
<view class="right-section">
|
|
<view class="dance-emoji">⭐</view>
|
|
<view class="promo-card event-card">
|
|
<view class="card-header">
|
|
<text class="card-title">EVENT</text>
|
|
<text class="card-subtitle">SHOW</text>
|
|
<view class="trophy-icon">🏆</view>
|
|
</view>
|
|
<view class="card-content">
|
|
<text class="card-info">年度大赛</text>
|
|
<text class="card-info">等你参与</text>
|
|
</view>
|
|
<view class="card-footer">
|
|
<view class="discount-badge">
|
|
<text class="badge-text">报名</text>
|
|
<text class="badge-text">中</text>
|
|
</view>
|
|
<view class="price-section">
|
|
<text class="discount-label">奖金</text>
|
|
<text class="price-value">1W+</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</swiper-item>
|
|
<swiper-item>
|
|
<view class="top-banner">
|
|
<view class="banner-content">
|
|
<view class="left-section">
|
|
<text class="main-title">好</text>
|
|
<text class="sub-title">玩</text>
|
|
<text class="sub-title">新</text>
|
|
<text class="sub-title">市</text>
|
|
</view>
|
|
<view class="right-section">
|
|
<view class="dance-emoji">🛍️</view>
|
|
<view class="promo-card new-arrival-card">
|
|
<view class="card-header">
|
|
<text class="card-title">NEW</text>
|
|
<text class="card-subtitle">ARRIVAL</text>
|
|
<view class="balloon-icon">🎈</view>
|
|
</view>
|
|
<view class="card-content">
|
|
<text class="card-info">STORE SALE</text>
|
|
<text class="card-info">KOREA STAR</text>
|
|
</view>
|
|
<view class="card-footer">
|
|
<view class="discount-badge">
|
|
<text class="badge-text">NEW</text>
|
|
<text class="badge-text">ARRIVAL</text>
|
|
</view>
|
|
<view class="price-section">
|
|
<text class="discount-label">解锁新</text>
|
|
<text class="price-value">0PE</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</swiper-item>
|
|
</swiper>
|
|
<view class="dance-grid">
|
|
<view class="dance-row">
|
|
<view bindtap="{{b}}" class="dance-item street-dance">
|
|
<view class="dance-content">
|
|
<text class="dance-title">街舞</text>
|
|
<text class="dance-subtitle">STORE</text>
|
|
</view>
|
|
</view>
|
|
<view bindtap="{{c}}" class="dance-item ballet-dance">
|
|
<view class="dance-content">
|
|
<text class="dance-title">芭蕾舞</text>
|
|
<text class="dance-subtitle">ACTIVITY</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="dance-row">
|
|
<view bindtap="{{d}}" class="dance-item machine-dance">
|
|
<view class="dance-content">
|
|
<text class="dance-title">机械舞</text>
|
|
<text class="dance-subtitle">STORE</text>
|
|
</view>
|
|
</view>
|
|
<view bindtap="{{e}}" class="dance-item classical-dance">
|
|
<view class="dance-content">
|
|
<text class="dance-title">古典舞</text>
|
|
<text class="dance-subtitle">ACTIVITY</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="dance-row">
|
|
<view bindtap="{{f}}" class="dance-item latin-dance">
|
|
<view class="dance-content">
|
|
<text class="dance-title">拉丁舞</text>
|
|
<text class="dance-subtitle">STORE</text>
|
|
</view>
|
|
</view>
|
|
<view bindtap="{{g}}" class="dance-item modern-dance">
|
|
<view class="dance-content">
|
|
<text class="dance-title">摩登舞</text>
|
|
<text class="dance-subtitle">ACTIVITY</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="bottom-nav">
|
|
<view class="nav-item active">
|
|
<text class="nav-text">首页</text>
|
|
<view class="nav-underline"></view>
|
|
</view>
|
|
<view bindtap="{{h}}" class="nav-item">
|
|
<text class="nav-text">舞蹈名词</text>
|
|
</view>
|
|
</view>
|
|
</view>
|