56 lines
1.7 KiB
Plaintext
56 lines
1.7 KiB
Plaintext
<view class="page page-content">
|
||
<mp-bar background="linear-gradient(190deg, #49a5fc 0%, #f7f7f7 800rpx, #f7f7f7 100%)" title="选择运动" color="#fff"></mp-bar>
|
||
<view class="play">
|
||
<view class="play-text">
|
||
<view class="text-style">
|
||
一键开启
|
||
<view class="text-line"></view>
|
||
</view>
|
||
<view>定制专属你的减脂蜕变</view>
|
||
</view>
|
||
<image src="https://yuedong-wechatapplet.oss-cn-shanghai.aliyuncs.com/static/user-play.png" class="logo-play" />
|
||
</view>
|
||
|
||
<view class="tab {{theme=='fit'?'tab-fit':''}}">
|
||
<view class="tab-l">
|
||
<view class="tab-l-content">{{
|
||
theme=='small'?'小学体测':theme=='mid'?'中学考试':'健身减肥'
|
||
}}</view>
|
||
</view>
|
||
<view class="tab-r" bind:tap="goSetting">
|
||
<view class="tab-r-content">
|
||
<mp-icon icon="setting" class="iconn" color="#fff" type="field" size="{{16}}"></mp-icon>
|
||
运动偏好
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
|
||
<!-- 2 列卡片网格 -->
|
||
<view class="card1">
|
||
<view class="grid">
|
||
<view
|
||
class="card {{item.colorClass}}"
|
||
wx:for="{{sportList}}"
|
||
wx:key="key"
|
||
id="{{item.key}}"
|
||
bind:tap="selectSport"
|
||
>
|
||
<view class="card-circle-1"></view>
|
||
<view class="card-circle-2"></view>
|
||
<!-- <view class="card-emoji-wrap">
|
||
<image src="https://yuedong-wechatapplet.oss-cn-shanghai.aliyuncs.com/static/teacher/icon/{{item.key}}.png" alt=""/>
|
||
</view> -->
|
||
<view class="card-bottom">
|
||
<view class="card-name">{{item.name}}</view>
|
||
<view class="card-arrow-circle">
|
||
<text class="card-arrow-text">›</text>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
|
||
</view>
|