You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
156 lines
5.6 KiB
156 lines
5.6 KiB
<template>
|
|
<view class="page flex-col">
|
|
<view class="section_1 flex-col">
|
|
<view class="group_1 flex-col">
|
|
<image class="image_1" referrerpolicy="no-referrer"
|
|
src="/static/lanhu_kechengxiangqing/2dd292791f198a2b54f8f3ad1bc17ca4.png" />
|
|
<view class="nav-bar_1 flex-row">
|
|
<image class="icon_1" referrerpolicy="no-referrer"
|
|
src="/static/lanhu_kechengxiangqing/1f81946e704bf8478124499045ebefea.png" />
|
|
<text class="text_1">课程详情</text>
|
|
<image class="applet-top-bar_1" referrerpolicy="no-referrer"
|
|
src="/static/lanhu_kechengxiangqing/f9b034603b69b8e44f7c417c52a4492e.png" />
|
|
</view>
|
|
</view>
|
|
<view class="group_2 flex-col">
|
|
<view class="group_3 flex-col">
|
|
<view class="text-wrapper_1 flex-row">
|
|
<text class="text_2">健康管理师集训营</text>
|
|
</view>
|
|
<view class="text-wrapper_2 flex-row justify-between">
|
|
<text class="text_3">￥0.01</text>
|
|
<text class="text_4">已有1人学习</text>
|
|
</view>
|
|
</view>
|
|
<view class="group_4 flex-col">
|
|
<view class="box_1 flex-row">
|
|
<div class="tabs_1 flex-col">
|
|
<view class="text-wrapper_3 flex-row justify-between">
|
|
<text class="text_5">介绍</text>
|
|
<text class="text_6">目录</text>
|
|
</view>
|
|
</div>
|
|
</view>
|
|
<view class="box_2 flex-row">
|
|
<view class="group_5 flex-col"></view>
|
|
</view>
|
|
|
|
<view>
|
|
<view class="text-wrapper_4 flex-row">
|
|
<text class="text_7">授课老师</text>
|
|
</view>
|
|
<view class="box_3 flex-row" @tap="go(1)">
|
|
<view class="single-avatar_1 flex-col"></view>
|
|
<view class="text-group_1 flex-col justify-between">
|
|
<text class="text_8">莎莎</text>
|
|
<text class="text_9">共3课时</text>
|
|
</view>
|
|
<image class="icon_2" referrerpolicy="no-referrer"
|
|
src="/static/lanhu_kechengxiangqing/4467bb13053bcc92fb9c10452b036fd7.png" />
|
|
</view>
|
|
</view>
|
|
|
|
|
|
<view>
|
|
<view class="section_3 flex-col">
|
|
<div class="tabs_1 flex-col">
|
|
<view class="text-wrapper_3 flex-row justify-between">
|
|
<text class="text_5">介绍</text>
|
|
<text class="text_6">目录</text>
|
|
</view>
|
|
</div>
|
|
<view class="box_1 flex-col"></view>
|
|
<text class="text_7">可免费试看视频/音频前60s</text>
|
|
<view class="box_2 flex-row">
|
|
<text class="text_8">01.初识PS及格式认识</text>
|
|
<image class="label_1" referrerpolicy="no-referrer"
|
|
src="/static/lanhu_kechengxiangqingmulu/4fcce6f6b93750a3be24b81f9dbaa542.png" />
|
|
</view>
|
|
<view class="box_3 flex-row">
|
|
<image class="icon_2" referrerpolicy="no-referrer"
|
|
src="/static/lanhu_kechengxiangqingmulu/35d5a4228d4ae5e616779e122f9cd5fa.png" />
|
|
<text class="text_9">1.初识PS及格式认识</text>
|
|
<text class="text_10">44:32</text>
|
|
</view>
|
|
<view class="list_1 flex-col">
|
|
<view class="list-items_1 flex-row" v-for="(item, index) in loopData0" :key="index">
|
|
<text class="text_11" v-html="item.lanhutext0"></text>
|
|
<image v-if="item.slot2 === 2" class="icon_3" referrerpolicy="no-referrer"
|
|
:src="item.specialSlot2.lanhuimage0" />
|
|
<image v-if="item.slot1 === 1" class="label_2" referrerpolicy="no-referrer"
|
|
src="/static/lanhu_kechengxiangqingmulu/2db1f3f6d9678c88922fb1b3da843c8f.png" />
|
|
</view>
|
|
</view>
|
|
<view class="image-text_1 flex-row justify-between">
|
|
<text class="text-group_1">查看全部</text>
|
|
<image class="icon_4" referrerpolicy="no-referrer"
|
|
src="/static/lanhu_kechengxiangqingmulu/32abf597bb1d6f7c108813a8fa472960.png" />
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
|
|
</view>
|
|
<view class="group_6 flex-col">
|
|
<text class="text_10">课程介绍</text>
|
|
<view class="group_7 flex-row justify-between">
|
|
<view class="box_4 flex-col"></view>
|
|
<text class="text_11">游戏美术设计实战技巧</text>
|
|
</view>
|
|
<view class="group_8 flex-row justify-between">
|
|
<view class="box_5 flex-col"></view>
|
|
<text class="text_12">名师直播授课，思路与技巧提升</text>
|
|
</view>
|
|
<view class="group_9 flex-row justify-between">
|
|
<view class="box_6 flex-col"></view>
|
|
<text class="text_13">游戏美术设计实战技巧</text>
|
|
</view>
|
|
<view class="group_10 flex-row justify-between">
|
|
<view class="box_7 flex-col"></view>
|
|
<text class="text_14">名师直播授课，思路与技巧提升</text>
|
|
</view>
|
|
</view>
|
|
<view class="group_11 flex-col"></view>
|
|
</view>
|
|
<view class="group_12 flex-row">
|
|
<view class="image-text_1 flex-col justify-between">
|
|
<image class="icon_3" referrerpolicy="no-referrer"
|
|
src="/static/lanhu_kechengxiangqing/b481386271a83bc3fa88c8e019465856.png" />
|
|
<text class="text-group_2">分享</text>
|
|
</view>
|
|
<view class="image-text_2 flex-col justify-between">
|
|
<image class="icon_4" referrerpolicy="no-referrer"
|
|
src="/static/lanhu_kechengxiangqing/c498b0a4a97ad7d18ac3dad38627185b.png" />
|
|
<text class="text-group_3">收藏</text>
|
|
</view>
|
|
<button class="button_1 flex-col" @click="onClick_1">
|
|
<text class="text_15">￥0.01</text>
|
|
</button>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {
|
|
constants: {}
|
|
};
|
|
},
|
|
methods: {
|
|
onClick_1() {
|
|
alert(1);
|
|
},
|
|
go(id) {
|
|
uni.navigateTo({
|
|
url: '/pages/lanhu_renmaixiangqing/index'
|
|
});
|
|
}
|
|
}
|
|
};
|
|
</script>
|
|
<style lang='css'>
|
|
@import '../common/common.css';
|
|
@import './assets/style/index.rpx.css';
|
|
|
|
</style> |