90 lines
2.3 KiB
Vue
90 lines
2.3 KiB
Vue
|
|
<template>
|
|
<Head>
|
|
<Title>{{ tdkNewType }}{{ tdk.tdk_title }}</Title>
|
|
<Meta :content=tdk.tdk_keyword name="keywords" />
|
|
<Meta :content=tdk.tdk_description name="description" />
|
|
</Head>
|
|
<Header></Header>
|
|
<Poster :type=2></Poster>
|
|
|
|
|
|
<div class="--box-- todo-list-pos-box">
|
|
|
|
<div class="todo-list-title-box">
|
|
<h2>心愿清单</h2>
|
|
<h4>听我许下与你有关的心愿</h4>
|
|
</div>
|
|
|
|
<div class="todo-list-big-box">
|
|
<div class="todo-list-box" v-for="(item) in wishListList" :key="item.wish_list_id">
|
|
<div class="todo-list-check-box">
|
|
<img v-if="item.wish_list_status === 1" alt="" class="todo-list-check-img"
|
|
src="https://www.mitangguan.cn/img/mitangguan/imcomplete.png">
|
|
<img v-else alt="" class="todo-list-check-img"
|
|
src="https://www.mitangguan.cn/img/mitangguan/complete.png">
|
|
</div>
|
|
<div class="todo-list-text-box">
|
|
<div class="todo-list-text">{{ item.wish_list_name }}</div>
|
|
<div class="todo-list-time">{{ item.wish_list_create_time }}</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<Final></Final>
|
|
</template>
|
|
|
|
|
|
<script setup >
|
|
|
|
/** 业务参数 */
|
|
const wishListList = ref([
|
|
{
|
|
"wish_list_id": 2,
|
|
"wish_list_guid": "bd6483b4-8b7e-6b86-56da-abcd5da42c57",
|
|
"wish_list_name": "一起去一次海边海岛！",
|
|
"wish_list_author": "lwh",
|
|
"wish_list_status": 1,
|
|
"wish_list_create_time": "2023-08-24",
|
|
"wish_list_sort": 2
|
|
}
|
|
])
|
|
|
|
|
|
|
|
/** 接口对接 */
|
|
|
|
// 获取Tdk
|
|
let tdk = ref({})
|
|
useFetch('/api/tdk/getTdk', { params: { tdk_type: 4 } }).then(res => {
|
|
tdk.value = JSON.parse(res.data.value).data
|
|
})
|
|
|
|
// 心愿单列表
|
|
useFetch('/api/wishList/getWishListList').then(res => {
|
|
wishListList.value = JSON.parse(res.data.value).data || []
|
|
})
|
|
|
|
// // 添加流量访问
|
|
// useFetch('/api/flow/addFlowRecord', { params: { flow_target: route.name } })
|
|
|
|
|
|
// fontSizeReactive({
|
|
// 880: 1,
|
|
// 480: 3,
|
|
// })
|
|
onMounted(() => {
|
|
htmlAddAnimations()
|
|
|
|
})
|
|
</script>
|
|
|
|
<style scoped src="~/assets/css/business/todo_list/index.scss"></style>
|
|
<style scoped src="~/assets/css/business/todo_list/media.scss"></style>
|
|
|