Commit 7e34ba83 by 陈超

A

parent 994389c4
......@@ -1040,4 +1040,29 @@ div::-webkit-scrollbar {
.order_inner_tab_container {
position: relative;
padding-top: 2.25rem;
}
/* collect */
.collect_tab {
position: fixed !important;
top: 0;
width: 100%;
height: 2.25rem;
}
.collect_video_item {
padding: 0.75rem;
margin-bottom: 0.5rem;
}
.collect_question_item {
padding: 0.75rem;
margin-bottom: 0.5rem;
}
.collect_view_button {
width: 3rem;
height: 1.5rem;
background:rgba(163,228,96,1);
border-radius: 0.75rem;
}
\ No newline at end of file
......@@ -2,12 +2,81 @@
<div id="app">
<div class="layout_v">
<van-sticky>
<div class="tabs_container">
<div @click="onTab(idx)" v-for="(opt, idx) in options" :key="idx" :class="idx == tab ? 'tab_item_selected' : 'tab_item_normal'">
<span>{{opt.title}}</span>
</div>
</div>
</van-sticky>
<van-list
v-model="loading"
:finished="finished"
finished-text="没有更多了"
@load="onLoad">
<template v-if="tab == 0">
<div class="layout_h collect_video_item">
<van-image height="68" width="120" fit="cover" src="https://img.yzcdn.cn/vant/cat.jpeg" ></van-image>
<div class="weight_full layout_v_b" style="margin-left: 0.75rem;">
<span class="text_14_600 color_333333">[班级课程]透视理论01——认识透视</span>
<div class="layout_h_b">
<span class="text_14_600 color_FF3B3B">¥100</span>
<div class="collect_view_button layout_center">查看</div>
</div>
</div>
</div>
</template>
<template v-if="tab == 1">
<div class="layout_v collect_question_item">
<span class="text_14_600 color_333333">[班级课程]透视理论01——认识透视[班级课程]透视理论01——认识透视</span>
<div class="layout_h_b">
<span class="text_14_600 color_FF3B3B">¥100</span>
<div class="collect_view_button layout_center">查看</div>
</div>
</div>
</template>
</van-list>
</div>
</div>
<script type="text/javascript">
new Vue({
el: "#app",
data: function() {
return {
tab: 0,
loading: false,
finished: false,
options: [{
title: "我的视频",
items: [],
page: 0,
finished: false
},{
title: "我的真题",
items: [],
page: 0,
finished: false
}]
}
},
created:function(){
document.title = "我的收藏"
},
methods: {
onTab: function(tab) {
this.tab = tab
},
onLoad: function() {
let that = this
let opt = that.options[this.tab]
//TODO LOADING
}
}
})
</script>
<include file="__THEME__/public_footer_w3g" />
......@@ -54,7 +54,7 @@
</div>
</div>
<div class="layout_v center_bottom_part">
<van-cell class="center_bottom_cell" title-class="text_14_400 color_333333 center_bottom_cell_text" title="我的收藏" is-link >
<van-cell @click="onCellTap('{:U('home/Home/collect')}')" class="center_bottom_cell" title-class="text_14_400 color_333333 center_bottom_cell_text" title="我的收藏" is-link >
<template #icon>
<van-icon name="__THEME__/img/collect.png" size="24"></van-icon>
</template>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment