46 lines
987 B
Vue
46 lines
987 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>
|
|
|
|
import {modelNavigateTo} from './tpl'
|
|
export default {
|
|
props: ["res"],
|
|
data () {
|
|
return {
|
|
modelNavigateTo,
|
|
}
|
|
},
|
|
};
|
|
</script>
|
|
<style lang="scss" scoped>
|
|
@import "./tpl.scss";
|
|
@import './advertising.scss';
|
|
|
|
</style> |