107 lines
3.5 KiB
Vue
107 lines
3.5 KiB
Vue
|
<template>
|
||
|
|
<view class="page flex-col">
|
||
|
|
<view class="section_1 flex-row">
|
||
|
|
<image
|
||
|
|
class="image_1"
|
||
|
|
referrerpolicy="no-referrer"
|
||
|
|
src="/static/lanhu_yuyue/FigmaDDSSlicePNG5472ef46deab947fe098747eb1b07bd2.png"
|
||
|
|
/>
|
||
|
|
<view class="box_1 flex-col"></view>
|
||
|
|
<view class="box_2 flex-col"></view>
|
||
|
|
<image
|
||
|
|
class="image_2"
|
||
|
|
referrerpolicy="no-referrer"
|
||
|
|
src="/static/lanhu_yuyue/FigmaDDSSlicePNGb239db97c719ec7467ee7c9615d3d24a.png"
|
||
|
|
/>
|
||
|
|
</view>
|
||
|
|
<view class="section_2 flex-col">
|
||
|
|
<view class="block_1 flex-row">
|
||
|
|
<image
|
||
|
|
class="label_1"
|
||
|
|
referrerpolicy="no-referrer"
|
||
|
|
src="/static/lanhu_yuyue/FigmaDDSSlicePNGacf527a62cbe7351c6472edd8f5b2814.png"
|
||
|
|
/>
|
||
|
|
<text class="text_1">预约</text>
|
||
|
|
<view class="group_1 flex-col">
|
||
|
|
<view class="image-wrapper_1 flex-row">
|
||
|
|
<image
|
||
|
|
class="thumbnail_1"
|
||
|
|
referrerpolicy="no-referrer"
|
||
|
|
src="/static/lanhu_yuyue/FigmaDDSSlicePNGdc9929c2b5fd86c1689cc5990a0b4397.png"
|
||
|
|
/>
|
||
|
|
</view>
|
||
|
|
<view class="section_3 flex-row justify-between">
|
||
|
|
<view class="box_3 flex-col"></view>
|
||
|
|
<view class="box_4 flex-col"></view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
<view class="list_1 flex-col">
|
||
|
|
<view
|
||
|
|
class="list-items_1 flex-col"
|
||
|
|
v-for="(item, index) in loopData0"
|
||
|
|
:key="index"
|
||
|
|
>
|
||
|
|
<view class="text-wrapper_1 flex-row justify-between">
|
||
|
|
<text class="text_2" v-html="item.lanhutext0"></text>
|
||
|
|
<text class="text_3" v-html="item.lanhutext1"></text>
|
||
|
|
</view>
|
||
|
|
<view class="text-wrapper_2 flex-row justify-between">
|
||
|
|
<text class="text_4" v-html="item.lanhutext2"></text>
|
||
|
|
<text class="text_5" v-html="item.lanhutext3"></text>
|
||
|
|
</view>
|
||
|
|
<view class="text-wrapper_3 flex-row justify-between">
|
||
|
|
<text class="text_6" v-html="item.lanhutext4"></text>
|
||
|
|
<text class="text_7" v-html="item.lanhutext5"></text>
|
||
|
|
</view>
|
||
|
|
<view class="text-wrapper_4 flex-row justify-between">
|
||
|
|
<text class="text_8" v-html="item.lanhutext6"></text>
|
||
|
|
<text class="text_9" v-html="item.lanhutext7"></text>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
<view class="section_4 flex-col">
|
||
|
|
<view class="text-wrapper_5 flex-col">
|
||
|
|
<text class="text_10">开始预约</text>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</template>
|
||
|
|
<script>
|
||
|
|
export default {
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
loopData0: [
|
||
|
|
{
|
||
|
|
lanhutext0: '课程名称',
|
||
|
|
lanhutext1: '请填写课程名称',
|
||
|
|
lanhutext2: '训练类型',
|
||
|
|
lanhutext3: '请选择训练类型',
|
||
|
|
lanhutext4: '选择科目',
|
||
|
|
lanhutext5: '选择科目',
|
||
|
|
lanhutext6: '教练名称',
|
||
|
|
lanhutext7: '请填写教练名称'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
lanhutext0: '累计训练时长',
|
||
|
|
lanhutext1: '请填写累计训练时长',
|
||
|
|
lanhutext2: '训练地址',
|
||
|
|
lanhutext3: '请选择训练地址',
|
||
|
|
lanhutext4: '交通方式',
|
||
|
|
lanhutext5: '请选择交通方式',
|
||
|
|
lanhutext6: '时间范围',
|
||
|
|
lanhutext7: '请填写时间范围'
|
||
|
|
}
|
||
|
|
],
|
||
|
|
constants: {}
|
||
|
|
};
|
||
|
|
},
|
||
|
|
methods: {}
|
||
|
|
};
|
||
|
|
</script>
|
||
|
|
<style lang='scss'>
|
||
|
|
@import '../common/common.scss';
|
||
|
|
@import './assets/style/index.rpx.scss';
|
||
|
|
</style>
|