40 lines
988 B
Vue
40 lines
988 B
Vue
<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">
|
|
<div class="item-img-box">
|
|
<img class="item-img" src="https://picsum.photos/id/268/200/200" alt />
|
|
</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>
|
|
// TODO 后续版本开发此功能 尽情期待
|
|
import { modelNavigateTo } from "./tpl";
|
|
export default {
|
|
props: ["res"],
|
|
title: "拼团",
|
|
data() {
|
|
return {
|
|
modelNavigateTo,
|
|
};
|
|
},
|
|
};
|
|
</script>
|
|
<style lang="scss" scoped>
|
|
@import "./tpl.scss";
|
|
@import "./advertising.scss";
|
|
</style> |