lilishop-uniapp/pages/tabbar/home/template/tpl_group.vue

40 lines
988 B
Vue
Raw Normal View History

2021-05-13 11:03:32 +08:00
<template>
<div class="layout">
<div class="join-list">
<div class="join-title">
<div>{{ res.list[0].title }}</div>
<div>更多</div>
</div>
<div class="join-box">
<div class="join-item" @click="modelNavigateTo(item)" v-for="item in 4" :key="item">
2021-05-13 11:03:32 +08:00
<div class="item-img-box">
2021-05-24 15:49:22 +08:00
<img class="item-img" src="https://picsum.photos/id/268/200/200" alt />
2021-05-13 11:03:32 +08:00
</div>
<div class="item-price">
<span>120.00</span>
</div>
<div class="item-line-through">
<span>190.00</span>
</div>
</div>
</div>
</div>
</div>
</template>
<script>
2021-05-24 15:49:22 +08:00
// TODO 后续版本开发此功能 尽情期待
import { modelNavigateTo } from "./tpl";
2021-05-13 11:03:32 +08:00
export default {
props: ["res"],
2021-05-24 15:49:22 +08:00
title: "拼团",
data() {
2021-05-13 11:03:32 +08:00
return {
modelNavigateTo,
2021-05-24 15:49:22 +08:00
};
2021-05-13 11:03:32 +08:00
},
};
</script>
<style lang="scss" scoped>
@import "./tpl.scss";
2021-05-24 15:49:22 +08:00
@import "./advertising.scss";
2021-05-13 11:03:32 +08:00
</style>